/*媒体查询*/

@media (max-width: 1750px){
    .g_padding1 {padding-left:146px;padding-right:90px;}
    .g_harlast .slick-next {right:-50px;}
    .g_harlast .slick-prev {left:-95px;}
    .g_harlitml {width:calc(100% - 900px);}
    .g_harlitmr {margin-right:90px;}
    .g_methodr {margin-right:120px;}
    .enjoy_title h1 {margin-right:120px;}
    .main-container {margin-right:64px;}
}

@media screen and (max-width: 1680px){
    .newservice .bgray {height:569px;}
	.lead_top .lt_txt {padding:15px 0 0 30px;}
	.case_info .ci_con .ci_left .po{padding-left:0px;}
	.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img{height:467px;}
	.contact_loc {padding:50px 0 50px 128px;}
	.contact_loc .imgdiv {left:20px;}
    .case_video .cv_con .video-js {height:615px;}
    .ci_conbox {margin-right:120px;}
    .enjoy_title h1 {margin-right:120px;}
    .serdetails .g_harlitml {width:calc(100% - 855px);}
    .serdetails .g_harlitml h5 {font-size:80px;height:145px;}
    .serdetails .g_harlitmlp {height:315px;}
    .serdetails .advantage {padding:0 140px 140px 140px;}
    .serdetails .g_methlast span {padding:0px;}
    .g_senav {width:60px;}
    .jk{padding:5px;}
    .g_senitm {height:66px;}
    .g_senitma {width:30px;}
    .sapnk {font-size:12px;}
    .g_senitmp {width:25px;}
}

@media (max-width: 1660px){
    .g_harlitmr {margin-right:36px;width:655px;}
    .g_harlitml {width:calc(100% - 730px);}
    .g_harlitml h5 {font-size:86px;line-height:96px;height:192px;}
    .g_harlitml p {font-size:24px;line-height:40px;}
    .g_harlitmlp {height:200px;}
    .g_methodr {width:560px;}
    .g_methodl {width:calc(100% - 685px);}
    .g_methlast span {padding-left:36px;padding-right:36px;margin-bottom:56px;}
    .g_methlast{margin-left:-36px;margin-right:-36px;}
    .g_methodr {margin-right:38px;}
    .g_methodrimg2b2 {bottom:29px;right:345px;}
    .g_methodrimg2b1 {left:121px;top:-7px;}
    .g_advap {width:100%;}
    .g_advap p br{display:none;}
    .g_hardboxb .g_harlitmr {width:635px;margin-right:50px;}
    .g_hardboxb .g_harlitml {width:calc(100% - 140px - 635px);}
    .g_ncascenl {width:625px;}
    .g_ncascenr {width:calc(100% - 625px - 50px);}
    .g_padding4 {padding-left:140px;padding-right:140px;}
    .enjoy_title h1 {margin-right:56px;}
}

@media screen and (max-width: 1650px) {	
    .index .neitop .title .left {padding-left:100px;}
    .casex .logodiv .lod_con img{margin-bottom:10px;}
    .casex .logodiv:hover .lod_con {padding-bottom:40px;}

    /*.newservice .wrap {

    padding: 0 150px 195px 180px;

    }*/

    .index .section5 .main-container .mainh4, .index .section6 .main-container .mainh4{width:180px;}
    .index .section5 .main-container .content, .index .section6 .main-container .content{width:calc(100% - 180px);}
    .index .section5 .main-container .news .imgdiv img{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        height: 100%;
        width: auto;
    }
    .index .section5 .main-container .news .imgdiv{position:relative;overflow:hidden;height:316px;}
    .index .section5 .main-container .news .imgdiv:hover a img
    {
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }
    .enjoy_title h1 {font-size:132px;}
    .enjoy_title .enj_con h2 {margin-bottom:16px;}
    .enjoy_title h1 {margin-right:26px;}
    .enjoy_title .enj_con p {font-size:22px;}
    .section3 .gm_titbox h4,.sectionk .main-container .hexin h4{width:100%;text-align:center;}  
}

@media screen and (max-width: 1500px) { 
    .ci_conbox {margin-right:60px;}
    .g_harlitmr {margin-right:36px;width:530px;}
    .g_harlitml h5 {font-size:66px;line-height:76px;height:152px;}
    .g_harlitml {width: calc(100% - 605px);}
    .g_harlitml p {line-height:36px;}
    .g_harlitmlp {height: 180px;}
    .g_methodr { width: 466px;}
    .g_methodl { width: calc(100% - 530px); }
    .g_methlast span {padding-left:16px;padding-right:16px;margin-bottom:46px;}
    .g_methlast{margin-left:-16px;margin-right:-16px;}
    .g_padding1 {padding-left:86px;padding-right:80px;}
    .g_harlast .slick-prev {left: -75px;}
    .g_methodrimg2b2 {bottom: 17px;right: 270px;}
    .g_methodrimg2b1 {left: 98px; top: -13px;}
    .g_pbtn {left: 35px;}
    .g_xbtn {right: 35px;}
    .g_hardboxb .g_harlitmr {width: 560px;margin-right: 36px;}
    .g_hardboxb .g_harlitml {width: calc(100% - 80px - 560px);}
    .g_ncascenl {width: 570px;}
    .g_ncascenr h5 {font-size: 32px;line-height: 46px;}
    .g_ncascenr p {font-size:18px;line-height:32px;}
    .g_ncascenrp {margin-top:38px;}
    .g_ncascenr {width:calc(100% - 570px - 50px);}
    .g_methodb .g_methodr {width:500px;margin-right:56px;margin-top:65px;}
    .g_baioct {width:90px;}
    .g_baiocs {width:16px;}
    .g_methodltit h5 {font-size:76px;margin-top:46px;}
    .g_methodb p {font-size:24px;line-height:46px;}
    .g_methodlp {margin-top:65px;}
    .g_methodb .g_methodltit h5 {margin-top:58px;}
    .g_methodb .g_methodr {margin-top:10px;}
    .g_methodrimgspa {transform:translateY(-78px);}
    .g_methodb .g_methodl {width:545px;}
    .newservice .wrap .sertitle {padding-top:86px;padding-bottom:86px;margin-bottom:86px;}
    .newservice .sertitle h1 {font-size:72px;}
    .newservice .sertitle .serlogo {top:86px;}
    .bry .brybox {height:596px;}
    .enjoy_title .enj_con p {font-size:20px;}
    .dana1g .serlogo {top:30px;}
}

@media (max-width: 1450px)
{
    .buildfl .buildimg .x-s-1 {left:5%;}
    .index .section5 .main-container .content{ padding-left:20px;}  
    .index .section6 .left
    {
        width:         calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        padding-right: 20px;
    }
    .index .section6 .right { width: 600px;}
    .contact{ margin-left: 36px;}
    .case .casetop .ct_left h1{font-size: 100px;}
    .ci_con .ci_left .po { padding-left: 0px;margin-right: 0px;}
    .index .section3 .main-container {padding-top:85px;padding-bottom:85px;}
	.main-container { margin-right:64px;}
    .header .navdiv { padding-top:26px;}
    .header .logo {padding-top:26px;}
    .index .section5 .main-container .content, .index .section6 .main-container .content {padding-left:20px;}
    .sectionmbox .xl_top1 {padding-left:0;}
    .sectionk .neirong {padding:38px 0 46px;}
    .sectionmbox .sectionm {padding:64px 46px;}
}

@media (max-height: 700px){
    .burger-menu-link-wrap {margin:26px 0;font-size:36px;}
    .burger-menu-share-wrap {bottom: 1.5vw;}
}
@media (max-height: 800px){
    .g_serviceone {padding-top:18px;}
    .g_servicetit {margin-top:18px;}
    .g_servicbom {margin-top:18px;}
    .header .navdiv nav li .g_servic .g_serverp a {line-height:22px;}
    .g_servincnametop {padding-top:14px;padding-bottom:14px;}
    .g_servccal {margin-top:14px;}
    .g_servicom {padding-bottom:12px;}
}
@media (max-width: 1440px)
{
    .header .logo {padding-left:50px;} 
    .header .navdiv {right:60px;}
    .buildfr .buildcon{ padding:60px 60px 0;}
    .buildfr .buildcon p { margin-bottom:40px;}
    .bry .brybox {padding-left:35px;}
    .newservice .wrap {padding:0 100px 136px 0;}
    .enjoy_title h1 {margin-right:60px;}
    .lead_top .lt_txt {padding:15px 0 0 30px;}
    .lead_top .lt_txt .lead_view {padding:40px 0;}
    .lead_top .lt_txt .share {padding: 30px 0;}
    .lead_con .lc_slick {p1adding:0 50px 0px;margin-bottom:90px;}
 	.lead_top {padding:120px 120px 146px;}
    .brybox .ser_arrow {bottom:55px;right:60px;}
    .casetong .case1 .casenei .prev_next p {font-size:26px;}
    .casetong .case5 .slick_case .liz{padding: 20px 15px 20px 20px;}
    .case_info{padding: 98px 120px 50px 175px;}
    .case .case_center .cc_fr .cfr_txt{top:55px;left:30px;}
    .case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img{height:auto;}
    .bgw_fr h1 {
	    transform: translateY(-40%);
	    -ms-transform: translateY(-40%);
	    -moz-transform: translateY(-40%);
	    -webkit-transform: translateY(-40%);
	    -o-transform: translateY(-40%);
	}
    .map .map_logo {margin-bottom: 180px;}
    .map_txt h1 { margin-bottom: 30px;}
    .map_txt p {margin-bottom: 30px;}
	.map_center { position: absolute; top: 50%; right: 0px;}
    .cdetails .casefo .cdp_con { padding: 0 40px 0 40px;}
    .case_video .cv_con .video-js { height: 495px;}
    .enjoy_title .enj_con h2 { font-size: 38px;}
    .enjoy .wrap { padding: 86px 86px 0 141px; }
	.enjoy_title h1 { font-size: 112px;}
    .enjoy_title .enj_con h2 span { font-size: 56px;}
	.enjoy_title .enj_con h2 { margin-bottom: 14px; }
    .enjoy_title { padding-bottom: 56px;}
    .enjoy .enjoynav {padding: 56px 0;}
    .enjoy_box {margin-bottom: 34px;}
    .fenye {padding: 86px 0;}
    .case .cm_box {margin: 34px 0;margin-left: 2.8181815%;}
    .case .case_bottom .cc_fr .casex:nth-child(1) {margin-bottom: 36px;}
    .case .casetop {margin-top: 86px;}
    .case .case_center {margin-top: 34px;}
    .case_txt {padding: 98px 0 0px 186px;background-color: #f3f3f3;}
    .case_txt p {margin-bottom: 36px;}
    .case_bt {padding-top: 36px;}
    .cdetailsc .case_bt{padding-top: 36px;}
    .case_txt h1 {margin-bottom: 56px;}
    .cdetails .casefo {padding:0 160px 98px;}
    .index.newlist .section5 .main-container .bgf3 {padding: 98px 0 0 60px;}
    .index.newlist .newtitle h1 {margin-bottom: 46px;}
    .serdetails .g_harlitml { width: calc(100% - 605px);}
    .serdetails .g_harlitml h5 {font-size: 66px;line-height: 76px;height: 152px;}
    .serdetails .g_harlitmlp { height: 210px; }
    .adv_box { padding: 0px 30px 40px;}
    .adv_box h5 {font-size: 28px;margin-bottom: 20px;}
    .adv_box p {font-size: 18px; line-height: 1.5;max-height: 80px;}
    .product_box { padding-left: 46px; padding-right: 46px;}
    .g_padrding { width: 1200px; }
}

@media (max-width: 1366px)
{   .g_harintr {padding-bottom:80px;}
    .g_harintr {margin-top:80px;}
    .case_info {padding:145px 90px 50px 145px;}
    .ci_conbox {margin-right:30px;}
    .enjoy_title h1 {font-size:112px;}
    .enjoy_title .enj_con h2 span {font-size:52px;}
    .enjoy_title .enj_con h2 {font-size:46px;margin-bottom:14px;}
    .enjoy_title .enj_con p {font-size:20px;}
    .enjoy_title .enj_con h2 {margin-bottom:12px;}
    .dana1 .enj_con {margin-top:28px;}
    .enjoy_title {padding-bottom:46px;}
    .enjoy .wrap {padding: 56px 56px 0 125px;}
    .about_middle .am_bottom .atxt_con {padding-left:18px;padding-right:18px;}
    .about_middle .am_bottom .amb_txt {margin-left:-18px;margin-right:-18px;}
    .about_middle .am_bottom .amb_txt {margin-top: 36px;}
    .header .logo img {width:246px;}
    .header .navdiv{right:50px;}
    .buildfr .buildcon h1, 
    .buildfr .buildcon h2 {margin-bottom:20px;}
    .lead_top {padding: 150px 65px 200px 120px;} 
    .index .section6 .left
    {
        width:         calc(100% - 570px);
        width: -webkit-calc(100% - 570px);
    }
    .index .section6 .right{width:570px;}
    .map_txt h1 {font-size:38px;}
	.map_txt p {font-size:24px;}
    .case_video .cv_con .video-js {height:415px;}
    .brybox .ser_arrow {bottom:55px;right:25px;}
    .buildfl .buildimg { height:580px;}
    .index .section1.bgat .bgwhite {height:500px;}
    .buildfr .buildcon h1 a {font-size:42px;}
    .buildfr .buildcon h1, .buildfr .buildcon h2 {margin-bottom:16px;}
    .buildfr .buildcon p {margin-bottom: 26px;}
    .buildfl .buildimg .bxm {top: 36px;}
    .index .section2 .main-container .bgred {padding-top:46px;padding-bottom:46px;}
    .index .section3 .main-container {padding-top:65px;padding-bottom:65px;}
    .index .section3 .sitem h4 a {font-size:18px;}
    .index .section4 li a .logodiv:hover .lod_con img {margin-bottom:16px;}
    .index .section5 .main-container {padding-top:65px;padding-left:80px;}
    .index .section6 .main-container .content {padding-bottom:65px;}
    .index .section4 li a .logodiv .lod_con:after {margin-top:14px;}
    .newservice .wrap {padding: 0 65px 65px 120px;}
    .newservice .wrap .sertitle {
    position: relative;
    padding-top: 46px;
    padding-bottom: 46px;
    margin-bottom: 86px;
    border-bottom: 2px solid #dddddd;
    }
    .index .section4 li a .logodiv .lod_con img {width:252px;}
    .index .section4 li a .logodiv .lod_con h5 {font-size:18px;}
    .newservice .sertitle h1 {font-size:66px;}
    .newservice .sertitle .serlogo {top:46px;width:196px;}
    .graytitle h1 {font-size:64px;}
    .graytitle h4 { font-size:38px;margin-bottom:106px;}
    .newservice .bgray { padding:36px 65px 36px 65px;}
    .newservice .bgray {height:526px;}
    .bry .brybox {height:546px;padding-top:36px;}
    footer.spfo { height:auto;padding:86px 86px 86px 121px;background-color:#d7d7d7; }
    footer .focon_fl {height:312px;}
    footer .fodiv h1 {font-size:36px;}
    footer .fodiv h3 { margin-bottom:26px;font-size:20px; }
    footer .fodiv {padding-bottom: 60px; }
    .enjoy .enjoynav { padding:46px 0;}
    .enjoy_box { margin-bottom:32px;}
    .fenye {padding:65px 0; }
    .case_bt {width:100%;padding-top:79px;}
    .case_bt {padding-top:36px;}
    .case .wrap {padding-left:101px;padding-right:46px;}
    .caseanli .wrap{padding-left:55px;padding-right:0;}
    .case .casetop { margin-top: 46px;}
    .case .casetop .ct_left h1 { font-size: 86px; }
    .case .casetop .ct_left h1:before { bottom: -36px; }
    .case .case_center { margin-top: 32px; }
    .case .cm_box { margin: 32px 0; margin-left: 2.8181815%; }
    .case .case_bottom .cc_fr .casex:nth-child(1) { margin-bottom: 38px; }
    .cd_top .case_logo {top:36px;right:150px;width:186px;}
    .cd_top {position:relative;width:100%;padding:146px 120px 86px 175px;}
    .cd_top .ct_con .ct_ip {position:absolute;bottom:40px;right:-80px;}
    .cd_top .cd_title { margin:46px 0 65px;}
    .case_video { padding:46px 195px 66px 162px;}
    .case_video h1 {font-size:56px;margin-bottom:46px;}
    .case_txt { padding:56px 0 0px 145px;}
    .case_txt h1 {font-size:32px;line-height:46px;}
    .case_txt p {margin-bottom:36px;}
    .case_txt h1 {margin-bottom:46px;}
    .case_txt .case_bt {margin-bottom:46px;}
    .case_txt .txt_bottom img {margin-bottom:66px;}
    .index.newlist .newtitle h1 {font-size: 64px;}
    .index.newlist .newtitle h1 { margin-bottom: 36px;}
    .index.newlist .section5 .main-container .bgf3 { background-color: #f3f7f3;padding: 85px 0 0 60px;}
    .index .section1 .bgwhiteh .caselist .newsnei {padding-top:36px;padding-left:46px;padding-right:46px;padding-bottom:46px;}
    .index .section1 .bgwhiteh .caselist .newsnei .titnei {padding-top:26px;}
    .index .section1 .bgwhiteh .caselist .newsnei .newsnein {padding-left:26px;padding-right:26px;padding-top:36px;}
    .index .section1 .bgwhiteh .caselist .newsnei .title {padding-top:14px;}
    .index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess {margin-top:26px;}
    .contact_mess h1 {margin-bottom:14px;}
    .contact_mess form input {padding:16px 0 16px;font-size:16px; }

    .contact_mess form button {

    margin-top: 46px;

    }

    .map .map_logo img {

    width: 246px;

    }

    .map_txt {

    position: absolute;

    top: 46px;

    left: 121px;

    }

    .map .map_logo {

    margin-bottom: 126px;

    }

    .map_txt:after {

    top: 136px;

    }

    .contact1 {

    padding: 46px 46px 46px 121px;

    }

    .contact1 .contact_title h1 {

    font-size: 46px;

    line-height: 46px;

    margin-right: 46px;

    }

    .contact1 .contact_title .phone {

    height: 46px;

    }

    .contact1 .contact_title img {

    height: 46px;

    }

    .contact1 .contact_title span {

    font-size: 20px;

    line-height: 46px;

    }

    .contact1 .contact_title .phone {

    padding-left: 76px;

    }

    .contact1 .contact_title {

    padding-bottom: 46px;

    }

    .contact_mess {

    padding: 46px 40% 0px 0px;

    }

    .contact_loc .imgdiv {;

    width: 65px;

    height: 65px;

    }

    .contact_loc {

    padding: 46px 10px 46px 102px;

    }

    .contact_loc h4 {

    font-size: 16px;

    }

    .about_top .at_title {

    padding: 56px 0;

    }

    .about_top .at_title h1 {

    font-size: 64px;

    }

    .about_top .at_title h6 {

    font-size: 30px;

    }

    .about_top .at_title h1 {

    font-size: 64px;

    }

    .about_top .at_title h5 {

    font-size: 42px;

    }

    .about_top .at_middle h6 {

    padding: 0px 0 42px;

    }

    .about_top .at_bottom {

    padding: 56px 0px;

    }

    .about_top .at_bottom .ab_con .ab_num {

    font-size: 72px;

    }

    .about_top .at_bottom .ab_con h5 {

    font-size: 26px;

    margin-bottom: 26px;

    }

    .about_top .at_bottom .ab_con .ab_num {

    margin-bottom: 26px;

    }

    .about_middle .am_top {

    padding: 56px 56px 56px;

    }

    .about_top {

    padding: 0 56px;

    }

    .about_middle .am_top h1, .about_middle .am_bottom h1 {

    margin-bottom: 26px;

    }

    .section_about .sa_top {

    padding: 56px 56px 56px 46px;

    }

    .lead_con .lc_title {

    padding: 56px 0 56px;

    }

    .lead_con .lc_title h4 {

    font-size: 46px;

    }

    .casex .logodiv:hover .lod_con img {

    margin-bottom: 26px;

    }

    .casex .logodiv .lod_con h5 {

    font-size: 16px;

    }

    .casex .logodiv .lod_con img {

    width: 226px;

    }

    .index .section5 .main-container .news .shift li h5:last-of-type {

    margin-top: 16px;

    margin-bottom: 26px;

    }

    .index .section5 .main-container .news .con .text h4 {

    margin-top: 16px;

    margin-bottom: 26px;

    height: 36px;

    overflow: hidden;

    }

    .index .section5 .main-container .news .shift li {

    height: 136px;

    }

    .index .section5 .main-container .news .imgdiv {

    height: 258px;

    }

    .g_harlitml h5 {

    font-size: 46px;

    line-height: 66px;

    height: 132px;

    }

    .g_harlitml p {

    font-size: 20px;

    line-height: 36px;

    }

    .g_harlitmlnav span {

    font-size: 16px;

    }

    .g_harlitmr {

    margin-right: 36px;

    width: 500px;

    }

    .g_harlitml {

    width: calc(100% - 578px);

    }

    .g_methodltit h5 {

    font-size: 64px;

    margin-top: 36px;

    }

    .g_methlast {

    margin-top: 68px;

    }

    .g_methlast span {

    margin-bottom: 32px;

    }

    .g_methodrimg2b1 {

    width: 48px;

    top: -8px;

    }

    .g_methodrimg2b2 {

    width: 48px;

    bottom: 17px;

    right: 287px;

    }

    .g_advatit h5 {

    font-size: 64px;

    margin-top: 52px;

    }

    .g_advatit span {

    font-size: 38px;

    margin-top: 74px;

    }

    .g_advap p {

    font-size: 24px;

    line-height: 36px;

    }

    .g_detailsbox h5 {

    font-size: 64px;

    margin-top: 70px;

    }

    .g_detailsbox {

    padding-top: 50px;

    padding-bottom: 75px;

    }

    .g_detailsp {

    margin-top: 75px;

    }

  

    .caseanli .caphtitle {

    padding-top: 64px;

    padding-bottom: 64px;

    }

    .g_advaitm .g_advaitma {

    width: 164px;

    }

    .g_advaitmb {

    width: 128px;

    }

    .g_advaitmc {

    width: 164px;

    }

    .g_advaitmd {

    width: 178px;

    }

    .g_advaitme {

    width: 68px;

    }

    .g_advaitmb2,.g_advaitmb3,.g_advaitmb4,.g_advaitmb5 {

    width: 44px;

    }

    .g_advaitmdasp{

        width: 40px;

    }

    .g_advaitmdaspioc {

    right: 45px;

    }

    .g_advaitme span {

    width: 26px;

    }

    .g_advaitm h5 {

    margin-top: 50px;

    font-size: 20px;

    }

    .g_padding3 {

    padding-left: 225px;

    padding-right: 225px;

    }

    .g_pbtn {

    left: 26px;

    }

    .g_xbtn {

    right: 26px;

    }

    .g_hardboxb .g_harlitml h5 {

    font-size: 68px;

    }

    .g_harlitml p {

    font-size: 18px;

    line-height: 32px;

    }

    .g_hardboxb .g_harlitmr {

    width: 462px;

    margin-right: 36px;

    }

    .g_advatit span {

    font-size: 28px;

    margin-top: 64px;

    }

    .g_advatit h5 {

    font-size: 48px;

    margin-top: 36px;

    }

    .g_desigitm h5 {

    font-size: 32px;

    }

    .g_desigitm span {

    font-size: 18px;

    margin-top: 20px;

    }

    .g_desigitmp {

    bottom: 36px;

    }

    .g_ncasetit span {

    font-size: 42px;

    }

    .g_ncasetit h5 {

    font-size: 42px;

    margin-top: 36px;

    }

    .g_ncascenr h5 {

    font-size: 28px;

    line-height: 36px;

    }

    .g_ncascenr p {

    font-size: 16px;

    }

    .g_ncascenl {

    width: 512px;

    }

    .g_ncascenr {

    width: calc(100% - 512px - 36px);

    }

    .g_ncascenrp {

    margin-top: 32px;

    }

    .g_methodltit span {

    font-size: 38px;

    }

    .g_methodb .g_methodltit h5 {

    margin-top: 46px;

    }

    .g_methodb .g_methodr {

    width: 426px;

    margin-right: 26px;

    }

    .g_baioct {

    width: 76px;

    }

    .g_baiocs {

    width: 10px;

    }

    .g_methodrimgspa {

    font-size: 28px;

    }

    .g_methodb .g_methodl {

    width: calc(100% - 500px);

    }

     .g_hardboxb .g_harlitml {

    width: calc(100% - 80px - 460px);

    }

    .g_methodrimg2 {

    left: 38px;

    top: 38px;

    width: calc(100% - 76px);

    height: calc(100% - 76px);

    }

    .lead_con .lc_slick {

    margin-bottom: 56px;

    }

    .advantage .adtitle {

        padding: 75px 0 75px;

    }

    .advantage .adtitle h5 {

        font-size: 38px;

        margin-bottom: 32px;

    }

    .advantage .adtitle h1 {

        font-size: 64px;

    }

    .index .section4 li a .logodiv:hover .lod_con:after{

    margin-top: 14px;

    }

    .product_box {

    padding-left: 26px;

    padding-right: 26px;

    }

    .serdetails .wrap {

    padding-left: 55px;

    padding-right: 0px;

    }

    .g_advap {

    margin: 36px auto 0;

    }

   /* .product_slick {

    padding: 46px 0 96px 0px;

    }*/

    

    .serdetails .g_adva {

    padding-top: 66px;

    padding-bottom: 66px;

    }

    .product_box .pro_txt p {

    font-size: 20px;

    line-height: 28px;

    }

    .product_slick .slick-next {

    width: 56px;

    }

    .product_slick .slick-prev {

    width: 56px;

    }

    .dana1g .serlogo{

    width: 196px;

    top: 35px;

    }

    .dana1g .enjoy_title {

    width: calc(100% - 205px);

    }

    .index .section5 .main-container, .index .section6 .main-container {

    padding-left: 80px;

    }

    .search .pcsearch .sebox input {

    height: 56px;

    padding-left: 30px;

    margin-right: 17px;

    font-size: 16px;

    width: calc(100% - 76px);

    }

    .search .pcsearch .sebox span {

    width: 56px;

    height: 59px;

    line-height: 56px;

    }

    .adv_box{

        margin-top: 26px;

    }

    .serdetails .move2 {

    width: 146px;

    height: 146px;

    }

    .serdetails .move1 {

    width: 68px;

    height: 68px;

    }

    .header .navdiv nav li a {

    font-size: 16px;

    }

    .header .navdiv nav li {

    padding-right: 18px;

    padding-left: 18px;

    }

    .header .navdiv nav li a:hover::after{

    width: 16px;

    }

    .header .navdiv nav li.on a::after{

        width: 16px;

    }

    .g_cseonboxl h3 {

    font-size: 36px;

    margin-top: 24px;

    }

    .g_cseonboxlip span {

    font-size: 18px;

    padding-left: 8px;

    padding-right: 8px;

    }

    .g_cseonboxlip span h5{

    font-size: 18px;

    }

    .g_cseonboxlip {

    margin-left: -8px;

    margin-right: -8px;

    }

    .g_cseonboxl h5 {

    font-size: 22px;

    margin-top: 18px;

    }

    .g_cseonbox {

    padding-top: 46px;

    padding-bottom: 46px;

    padding-left: 20px;

    padding-right: 20px;

    }

    .g_cseonboxlbtn span {

    font-size: 16px;

    line-height: 34px;

    width: 112px;

    height: 36px;

    }

    .g_cseonboxlbtnr {

    margin-left: 26px;

    }

    .g_cseonboxlbtn span a {

    line-height: 34px;

    }

    .g_cseon {

    width: 618px;

    }

    .g_cseonboxr h5 {

    font-size: 20px;

    margin-top: 16px;

    }

    .g_cseonboxr {

    width: 142px;

    }

    .g_cseonboxl {

    width: calc(100% - 142px - 20px);

    }

    .g_senphonboxtit p {

    font-size: 16px;

    }

    .g_sybtnyss {

    font-size: 18px;

    line-height: 44px;

    height: 46px;

    }

    .g_senphonbox {

    width: 560px;

    padding-left: 26px;

    padding-right: 26px;

    padding-top: 36px;

    padding-bottom: 36px;

    }

    .g_senphonboxtb p {

    font-size: 16px;

    }

    .g_senphonbinpl {

    height: 46px;

    width: calc(100% - 168px - 20px);

    }

    .g_senphonbinpr {

    width: 168px;

    }

    .g_senphonboxtbn {

    margin-top: 36px;

    }

    .burger-menu-link-wrap {

    margin: 26px 0;

    font-size: 36px;

    }

    .burger-menu-share-wrap {

    bottom: 1.5vw;

    }

    /*.g_senav {

    width: 46px;

    }*/

    .g_senitmqq .g_senweix p {

    font-size: 16px;

    line-height: 46px;

    padding-left: 12px;

    padding-right: 12px;

    }

    .g_senitmqq .g_senweix {

    width: 126px;

    }

    .g_senweix {

    width: 126px;

    bottom: -47px;

    }

    .case_txt .tag {

    padding-bottom: 52px;

    }

    .case_txt .txt_bottom img {

    margin-bottom: 46px;

    }
    .buildfr .buildcon h1 a {
    font-size: 32px;
    }
    .buildfr .buildcon p {
    margin-bottom: 24px;
    line-height: 1.5;
    }
    .buildfr .buildcon {
    padding: 36px 56px 0;
    }
    .buildfr .buildcon .buildmess {
    margin-bottom: 18px;
    }
    .buildfr .buildcon h2 a {
    font-size: 18px;
    }
    .buildfr .buildcon h2{
    font-size: 24px;
    }
    .sectionmbox .xl_top1 p {
        font-size: 28px;
    }
    .xl_centle1 p {
        font-size: 38px;
    }
}
@media (max-height: 700px){
    .g_servicebox {
        top: 86px;
    }
    .g_servicbom {
        margin-top: 6px;
    }
    .header .navdiv nav li .g_servincname a {
        font-size: 28px;
    }
    .g_servicetit {
        margin-top: 8px;
    }
    .g_servic .g_serverp {
        margin-bottom: 3px;
    }
    .g_servincnametop {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .g_servtitm {
        padding-left: 4px;
        padding-right: 4px;
        margin-bottom: 8px;
    }
    .g_servtlist {
        margin-left: -4px;
        margin-right: -4px;
    }
    .g_servccal span {
        font-size: 42px;
    }
    .g_servccal {
        margin-top: 6px;
    }
    .g_servcp {
        margin-top: 12px;
    }
    .header .option {
        margin-bottom: 10px;
    }
    .header .navdiv nav li .g_servtitm a {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-height: 600px){
    .g_servincname {
        font-size: 22px;
    }
    .header .navdiv nav li .g_servtitm a {
        line-height: 36px;
    }

}





@media (max-width: 1280px){

    .case_info {

    padding: 145px 70px 50px 125px;

    }

    .ci_return {

    padding-left: 46px;

    }

    .g_padding1 {

    padding-left: 86px;

    padding-right: 70px;

    }

    .g_padding3 {

    padding-left: 205px;

    padding-right: 205px;

    }

    .enjoy_title h1 {

    margin-right: 28px;

    }


}

@media (max-width: 1200px)

{
    .g_bntbox{
        display: block;
    }
    .g_bntbox .g_newbtn{
        width: auto;
        padding-left: 20px;
        margin-right: 14px;
    }
    .g_bntbox {
       border-bottom : 1px solid #e5e5e5; 
    }
    .g_newslist {
        margin-top: 10px;
    }
    .index .section5 .main-container .news .shift li:first-child{
        border-top: 0px solid #e5e5e5; 
    }
    .index .section5 .main-container .news .shift li{
        border-bottom: 0px solid #e5e5e5; 
    }
    .dana1g .enjoy_title {
        width: 100%;
    }
    .cdetailsc .cd_top{
        margin-top: 90px;
    }
    .cdetailsc .cd_top .ct_con {
        padding-top: 26px;
    }

    .cdetailsc .case_bt{

        display: none;

    }

    .albumbox{

    padding-left: 0px;

    }

    .case_txt h1{

        width: 100%;

    }

    .case_txt h1 {

    margin-bottom: 46px;

    }

    .case_bt {

    padding-top: 0px;

    }

    .header .logo {

        padding-left: 25px;

    }

    .header .logo img {

        width: 200px;

    }

    .phhead.spe

    {

        opacity: 1;

        z-index: 1;

    }   

    .broadside{

        display: none;

    }

    footer.spfo{

        padding: 36px 36px 26px 36px;

    }

    footer .focon_fl{

        height: 270px;

    }

    footer .fodiv{

        padding-bottom: 48px;

    }

    footer .fodiv h3{

        font-size: 22px;

        margin-bottom: 15px;

    }

    .main-container

    {

        margin-right: 0;

        padding-left: 0px;

    } 

    .index .video{

        display: none;

    }

    .index .phbanner{

        display: block;

    }

    .index .section1.bgat .bgwhite

    {

        height: 580px;

    }

    .buildfl,

    .buildfr{

        width: 50%;

    }

    .buildfr .buildcon {

        padding: 40px 60px 0;

    }

    .index .section1 .bx{

        width: 320px;

    }

    .index .section1 .by{

        display: none;

    }

    .index .section1 .b-s-1{

        width: 64px;

    }

    .index .section1 .b-s-2{

        width: 68px;

    }

    .index .section1 .b-s-3{

        width: 88px;

    }

    .index .section1 .b-s-4{

        width: 56px;

    }

    .index .section1 .b-s-5{

        width: 62px;

    }

    .index .section1 .b-s-6{

        width: 97px;

    }

    .index .section1 .b-s-7{

        width: 63px;

    }

    .buildfl .buildimg .x-s-1 {

        width: 510px;

    }  

    .buildfl .buildimg .x-s-2 {

        top: 257px;

        width: 240px;

    }

    .buildfl .buildimg .x-s-3 {

        top: 295px;

        right: 110px;

        width: 210px;

    }

    .buildfl .buildimg .x-s-4 {

        left: 30%;

    }

    .buildfl .buildimg .t-s-1 {

        left: 272px;

    }

    .buildfl .buildimg .t-s-2 {

        top: 110px;

        left: 50px;

    }

    .buildfl .buildimg .t-s-3 {

        top: 242px;

        left: 38px;

    }

    .buildfl .buildimg .t-s-4 {

        width: 200px;

        top: 360px;

    }

    .buildfr .buildcon p {

        margin-bottom: 12px;

    }

    .index .section2.pcsc2{

        display: none;

    }

    .index .section2.phsc2{

        display: block;

    }

    .index .section2 .main-container .bgred

    {

        padding-right: 25px;

        padding-top: 40px;

        padding-bottom: 68px;

    }

    .section_about .sa_con{
        padding-left: 0;
    }

    .index .section2 ul.bgrpad

    {

        display: block;



        width: 100%;

        padding-right: 0;

        padding-left: 0;

    } 

    .index .section3{

        display: none;

    }

    .bgwph{

        display: block;   

    } 

    .index .section4 li{

        width: 50%;

    }

    .index .section4 li a .logodiv .lod_con img{

        margin-bottom: 0px;

    }

    .index .section4 li a .logodiv:hover .lod_con{

        padding-bottom: 0px;

    }

    .index .section4 li a .logodiv:hover .lod_con img {

    margin-bottom: 0px;

    }

    .index .section4 li a .logodiv .lod_con:after{

        display: none;

    }

    .index .section4 li a .logodiv .lod_con h5{

        opacity: 1;

        height: auto;

        margin-top: 12px;

    }

    .index .section5 .main-container,

    .index .section6 .main-container

    {

        padding-right: 30px;

        padding-left: 30px;

    }

    .index .section5 .main-container{

        padding-top: 0px;

    }

    .index .section5 .main-container .mainh4,

    .index .section6 .main-container .mainh4

    {

        display: none;

    }

    .index .section5 .main-container .content,

    .index .section6 .main-container .content

    {

        width: 100%;

        padding-top: 0px;

        padding-left: 0px;

    }

    .index .section5 .main-container .news{

        padding:20px 0px 55px;

    }  

    .index .section5 .main-container .news .shift li, .index .section5 .main-container .news .con .text {

    padding: 15px 0;

    height: 170px;

    }
    .index .section5 .main-container .news .shift li.g_newbtn{
    padding: 10px 0;
    }
    .index .section5 .main-container .news .shift li h5:last-of-type, .index .section5 .main-container .news .con .text h4 {

    margin: 15px 0 15px;

    height: 36px;

    line-height: 36px;

    overflow: hidden;

    }

    .index .section5 .main-container .news .con{

        padding-right: 0px;

    }

    .index .section6 .main-container{

        padding-top: 35px;

    }

    .index .section6 .main-container .content {

        padding-bottom: 50px;

    }

    .index .section6 .left{
        padding-top: 0px;
    }
    .index .section6 .right{
        height: auto;
        margin-top: 0px;

    }
    .index .section2 .mainh4

    {

        width: 100%;

        margin-bottom: 20px;



        border-bottom: 0;

    }

    .index .section6ph{

        display: block;

    } 

    .index .section2 ul.bgrpad h5

    {

        left: 15px;

    }

    .cd_top .case_logo {

        display: none;

    }

    .newservice .bgray {

        height: 463px;

    }

    .newservice .wrap{

        padding-left: 45px;

        padding-right: 45px;

        padding-top: 90px;

    }

    .newservice .sertitle .serlogo {

        display: none;

    }

    .newservice .wrap .sertitle {

        padding-top: 30px;

        padding-bottom: 30px;

        margin-bottom: 30px;

    }

    .newservice .sertitle h1 {

        font-size: 34px;

    }

    .newservice .bgray {        

        padding: 30px 30px 30px 30px;

    }

    .newservice .bgray .grayfr img {

        padding-top: 0px;

    }

    .type {

        padding-top: 20px;

        margin-bottom: 50px;

    }

    .graytitle h1 {

        font-size: 54px;

    }

    .graytitle h4 {

        font-size: 32px;

        margin-bottom: 36px;

    }

    .bry {

        height: 1323px;

    }

    .bry_logo img{

        width: 60px;

    }

/*     .brybox:hover .type {

    margin-bottom: 20px;

}

.brybox:hover .bry_logo{

    height: 55px;

    margin-bottom: 30px;

}

.brybox:hover .webul li{

    padding-left: 30px;

}

.brybox:hover .webul li:after{

    content: '';

    position: absolute;

    top: 50%;

    left: 0px;

    width: 25px;

    height: 1px;

    background-color: #fff;

}

.brybox:hover .webul li a{

    font-size: 18px;

} */

    .retrieve .wrap .ret_line {

        padding-top: 70px;

    }

    .retri_hint {

        padding: 50px 0;

    }

    .retrieve .wrap {

        padding: 0 45px 0 45px;

    }

    .retri_con .retri_box:nth-child(even) {

        margin-left: 2.6%;

    }

    .retri_con .retri_box{

        width: 48.7%;

        margin-left: 0px; 

    }

    .enjoy .wrap {

        padding-left: 45px;

        padding-right: 45px;

        padding-top: 90px;

    }

    .enjoy_title {

        padding: 30px 0;

    }

    .enjoy_title .enj_con h2 {

        font-size: 30px;

    }

    .enjoy_title .enj_con p {

        font-size: 20px;

    }

    .enjoy nav {

        padding: 0px 0;

        margin: 0px;

    }

    .enjoy nav li {

        padding: 0 13px;

    }
    .enjoy_box {

        width: 48.7%;

        margin-left: 0px;

    }

    .enjoy_box:nth-child(odd){

        margin-right: 2.6%;

    }

	.lead_top {

        padding: 60px 60px 40px 60px;

        margin-top: 90px;

    }

    .lead_top .lt_txt h1 {

        font-size: 40px;

    }

    .lead_top .lt_txt .lead_view {

        padding: 20px 0;

    }

    .lead_top .lt_txt .lt_mess {

        margin-bottom: 10px;

        font-size: 16px;

        line-height: 25px;

    }

    .lead_top .lt_txt .lt_share {

        font-size: 16px;

    }

    .lead_top .lt_txt .share {

        padding: 10px 0;

        font-size: 16px;

    }

    .lead_con {

        width: 100%;

        padding: 0px 60px 0px;

    }

    .lead_con .lc_title {

        padding: 50px 0;

    }

    .lead_top .lt_txt .lt_tel {

        font-size: 16px;

    }

    .lead_top .lt_img {

        width: 50%;

    }

    .lead_top .lt_txt {

        width: 50%;

    }

    .index .section1 .bgwhite .left{

        display: none;

    }

    .index .section1 .bgwhite .middle,

    .index .section1 .bgwhite .right

    {

        width: 50%;

        height: 510px;

        padding-top: 40px;

        padding-bottom: 40px;



    }

    .index .section1 .bgwhite .middle h4{

        display: none;

    }

    .index .section1 .bgwhite .middle .caseslick .slick-prev, 

    .index .section1 .bgwhite .middle .caseslick .slick-next {

        display: none !important;

    } 

    .index .section1 .bgwhite .des

    {

        padding-right: 30px;

        padding-left: 30px;

        border-top: 0px;

    }

    .index .section1 .bgwhite .des .content

    {

        max-width: none;

        padding-top: 0px;

    }	 

   

    .index .section5 .main-container .news .shouyeh{

    	display: block;

    	margin-bottom: 20px;

    }

/*    	.index .section5 .main-container .news .imgdiv{

	height: 256px;

} */

    .index .section5 .main-container .mainh4.showblock{

        display: block;

        width: 100%;

    }

   

    .case .casetop,.case .case_center,.case .case_middle,.case .case_bottom,.case .wrap .case_bt {

        display: none;

    }



    .case .wrap{

        padding-left: 45px;

        padding-right: 45px;

        padding-top: 90px;

    }

    .caseph{

        display: block;

    }

    .fenye{

        padding: 50px 0;

    }



    .cd_top{

        padding: 96px 60px 40px 60px;

    }
    .cd_top .ct_con .ct_ip{

        right: 0px;

    }

    .cd_top .cd_title{

        margin: 20px 0;

    }

    .cd_top .cd_con .cdc_right{

        display: none;

    }

    .cd_top .cd_con .cdc_left{

        width: 100%;

        text-align: center;

    }

    .cd_top .cd_con .cdc_left .cdc_logo {

        margin-bottom:30px;

    }

    .cd_top .cd_con .cdc_left p{

        width: 100%;

    }

    .case_video{

        padding:35px 60px  55px 40px;

    }

    .case_video .cv_con{

        padding-left: 20px;

    }

    .case_video h1{

        margin-bottom: 35px;

    }

    .case_video .cv_con .video-js {

        height: 540px;

    }

    .case_txt{

        padding: 60px 45px 0;

    }

    .case_txt p{

        margin-bottom: 40px;

    }

    .case_info {

        padding: 55px 70px 0px 70px;

    }

    .cdetails .casefo {

        padding: 0 70px 160px;

    }

    .cdetails .casefo h1 {

        padding: 40px 0;

    }

/*     .cdetails footer{

    padding: 0px 110px 0px 110px;

} */

    .cdetails footer .cdp_ph{

        display: block;

    }

	.cdetails footer .cdp_con{

		display: none;

	}

	.index.newlist .section5 .main-container{

		padding-left: 0px;

		padding-right: 0px;

	}

    .index.newlist .section5 .main-container .bgf3{

        padding: 60px 0px 0;

        background-color: #ffffff;

    }

    .index.newlist .section5 .main-container .bgf3 .newtitle{

        padding: 0px 30px;

    }

	.index.newlist .section5 .main-container .news .newpadtitle{

		display: block;

        padding-left: 30px;

        padding-right: 30px;

	}

	.index.newlist .newtitle h1{

		margin-bottom: 0px;

	}

	.index.newlist .section5 .main-container .news{

		padding: 0px;

	}

	.index.newlist .section5 .main-container .news .pcnews{

		display: none;

	}

	.index.newlist .section5 .main-container .news .padnews{

		display: block;

	}

	.index.newlist .fenye{

		background-color: #f2f7f3;

	}

    .index .section1 .bgwhite .caselist{

        width: 100%;

        padding-bottom: 0px;

    }

	.index .section1 .bgwhiteh .caselist .newsnei{

		padding-right: 10px;

		padding-left: 10px;

		padding-top: 60px;

		padding-bottom: 50px;

	}

	.index .section1 .bgwhiteh .caselist .newsnei .title{

		padding-top: 0px;

	}

	.index .section1 .bgwhiteh .caselist .newsnei .titnei{

		padding-top: 20px;

	}

	.index .section1 .bgwhiteh .caselist .newsnei .newsnein{

		padding-left: 20px;

		padding-right: 20px;

	}

	.index .section1 .bgwhiteh .caselist .newsnei .newback {

		margin-top: 50px;

	}

	.about_top {

	    padding: 0 30px;

	}

	.about_top .at_title {

	    padding: 60px 0;

	}

	.about_top .at_bottom {

	    padding: 60px 0px;

	}

	.contact1 {

	    padding: 90px 45px 90px;

	    background-color: #f3f7f3;

	}

	.contact1 .contact_title {

	    padding-bottom: 40px;

	}

    .contact_loc {

        padding: 30px 0 30px 128px;

        margin-bottom: 10px;

    }

    .index .neitop .title .left,

    .index .neitop .title .right

    {

        padding-left: 30px;

    }



    .case .wrap nav.casenav{

        display: none;

        margin: 0px;

    }

    .case .wrap nav li{

    	padding: 0 13px;

        line-height: 26px;

    }



    .about_top .at_bottom .ab_con .ab_num{

        font-size: 68px;

    }

    .about_middle .am_bottom .atxt_con{

        padding-left: 30px;

    }   

    .contact_loc{

        width: 100%;

        margin-left: 0px;

    }     

     .index.inpage .section1 .bgwhiteh{

    	padding-left: 0px;

    	height: auto;

    } 

    .index.newlist .section5 .main-container .mainh4.showblock{

        display: none;

    }

    .po{

    	margin-right: 0px;

    }

    .contact1 .contact_title h1 {

        margin-right: 30px;

    }

    .map .wrap{

        padding-top: 90px;

    }

    .map .map_logo {

        display: none;

    }

    .map_txt {

        padding-top: 50px;

        top: 150px;

        left: 70px;

    }

    .map_txt::after {

        top: 0px;

    }

    /*.index .section5 .main-container .news .shift li{

        box-sizing: content-box;

    }*/

    .index .section5 .main-container .news .imgdiv{

        height: 340px;

        position: relative;

        overflow: hidden;

    }    

    .index .section5 .main-container .news .imgdiv img{

        width: auto;

        height: 100%;

        position: relative;

        left: 50%;

        transform: translateX(-50%);

    }

    .bry .brybox {

    height: 452px;

    }

    .ci_con .ci_right{

        height: 46px;

    }

    .ci_con {

    height: 68px;

    line-height: 68px;

    }

    .lc_changel {

    left: 35px;

    }

    .lc_changer {

    right: 35px;

    }

    .g_anlihard{

        display: none;

    }

    .caseanli .wrap {

    padding-left: 0px;

    padding-right: 0px;

    }

    .caseanli .caphtitle{

        height: auto;

    }

    .g_padding4 {

    padding-left: 120px;

    padding-right: 120px;

    }

    .serdetails .wrap {

        padding-left: 0px;

    }

    .g_harlitmlnav span {

        margin-bottom: 10px;

    }

    .advantage .adtitle {

        padding: 38px 0 38px;

    }

    footer {

    height: auto;

    padding-top: 36px;

    padding-bottom: 36px;

    padding-left: 30px;

    padding-right: 30px;

    }

    footer p {

    position: relative;

    bottom: inherit;

    left: inherit;

    margin-top: 26px;

    }

    .section.bgat .navbtn{

        display: none;

    }

    .dana1g .serlogo{

    display: none;

    }
    .main-container ul li:nth-child(9){
        display: none;
    }
    .burger-menu-share-wrap li:nth-child(3){
        display: none;
    }
    .xl_centle1 h5 {
    margin-top: 14px;
    margin-bottom: 8px;
}   
.sectionmbox .xl_top2 {
    width: 100%;
}
  .sectionk .tu_img {
    width: 100px;
    margin: 0 auto;
} 
.sectionk .w_zi {
    margin-top: 18px;
} 
.sectionk .w_zia {
    font-size: 18px;
}
.sectionk .w_zia::after {
    bottom: -15px;
}
.sectionk .w_zib {
    margin-top: 25px;
}
.sectionk .neirongbox_hexin {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ececec;
    padding: 10px 0;
}
.neirongbox {
    padding: 0 15px;
}
.sectionk .main-container {
    padding-top: 36px;
    padding-right: 0;
}
.sectionk .frziimg {
    display: none;
}
.sectionk .main-container .hexin h4 {
    border-bottom: none;
    width: 100%;
    float: none; text-align:center;
}
.sectionk .frzibox {
    font-size: 16px;
    line-height: 24px;
}
.hexin {
    padding: 0 15px;
}
.sectionk .neirong {
    padding: 10px 0 36px;
}
/*.sectionmbox .main-container {
    padding-top: 36px;
}*/
.sectionmbox .sectionm {
    padding: 25px 15px;
}
.sectionmbox .box_xp {
    margin-bottom: 20px;
}
.sectionmbox .box_xpbot {
    line-height: 20px;
    font-size: 14px;
}
.sectionmbox .xl_top1 p {
    line-height: 26px;
    font-size: 18px;
}
.sectionmbox .xl_top1{
    width: 100%;
    margin-left: 0;
}
.sectionmbox .box2 {
    padding: 0px 0;
}
.sectionmbox .xl_center1 {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-top: 18px;
}
.sectionmbox .xl_centle1 {
    width: 76px;
}
.sectionmbox .xl_centle1 p {
    font-size: 24px;
}
.sectionmbox .xl_centle1 h5 {
    font-size: 14px;
}
.sectionmbox .xl_cennr p {
    font-size: 14px;
    line-height: 20px;
}
.sectionmbox .xl_cennr {
    padding-top: 10px;
}
.sectionmbox .xl_logo {
    padding: 0 0px;
    width: 33.333333%;
    margin-bottom: 18px;
}
.sectionmbox .xl_top2 .xl_logo p {
    width: 100%;
}
.sectionmbox .xl_top2 {
    margin: 0px;
    padding: 0;
}
.sectionmbox .box3 p {
    line-height: 20px;
    font-size: 14px;
}
.sectionk .frzi{
    width: 100%;
}
.sectionk .neirongbox_hexin{
    width: 50%;
}
.box_xp{
    margin-top: 10px;
}
.sectionm .box3{
    margin-top: 14px;
    margin-bottom: 8px;
}
}

@media (max-width: 1160px)

{   
    .scfoll{
    display: none;
    }

    .ci_return h5 {

    font-size: 14px;

    line-height: 46px;

    margin-left: 16px;

    }

    .ci_return {

    padding-left: 26px;

    height: 46px;

    margin-left: 26px;

    }

    .ci_con .ci_left a {

    font-size: 14px;

    line-height: 46px;

    }

    .ci_con .ci_right .share span {

    line-height: 46px;

    font-size: 14px;

    }

    .ci_con .ci_right .share .bdsharebuttonbox {

    transform: translateY(-50%);

    top: 50%;

    position: relative;

    }

    .ci_con .ci_right .share {

    height: 46px;

    padding-left: 19px;

    position: relative;

    }

    .ci_con .ci_right .share .bdsharebuttonbox .bdsbtn {

    width: 18px;

    height: 16px;

    margin-left: 18px;

    }

    .po a {

    margin-left: 26px;

    }

    .case_info {

    padding: 55px 36px 0px 36px;

    }

    .caseanli .txtdiv {

    padding: 36px 32px 36px 32px;

    }

    .g_harlitmr {

    margin-right: 26px;

    width: 396px;

    }

    .g_harlitml h5 {

    font-size: 36px;

    line-height: 46px;

    height: 92px;

    }

    .g_harlitml {

    width: calc(100% - 436px);

    }

    .g_harlitml p {

    font-size: 18px;

    line-height: 30px;

    }

    .g_harlitmlp {

    height: 150px;

    }

    .g_padding1 {

    padding-left: 56px;

    padding-right: 56px;

    }

    .g_padding3 {

    padding-left: 56px;

    padding-right: 56px;

    }

    .g_harlast .slick-next {

    right: -50px;

    }

    .g_harlast .slick-prev {

    left: -50px;

    }

    .g_methodr {

    width: 380px;

    }

    .g_methodl {

    width: calc(100% - 425px);

    }

    .g_hrbtnbox{

        width: 100%;

        margin-top: 36px;

    }

    .g_pbtn{

        position: relative;

        left: 0;

        float: left;

        top: 0;

        transform: translateY(0);

    }

    .g_xbtn{

        position: relative;

        right: 0;

        float: right;

        top: 0;

        transform: translateY(0);

    }

    .g_harintr {

    margin-top: 56px;

    padding-bottom: 56px;

    }

    .g_methodbox {

    position: relative;

    padding-top: 56px;

    padding-bottom: 56px;

    }

    .caseanli .txtdiv h5 {

    font-size: 28px;

    }

    .g_ncascenl {

    width: 460px;

    }

    .g_ncascenr h5 {

    font-size: 24px;

    line-height: 33px;

    }

    .g_ncascenr p {

    line-height: 28px;

    }

    .g_ncascenr {

    width: calc(100% - 460px - 32px);

    }

    .g_padding4 {

    padding-left: 56px;

    padding-right: 56px;

    }

    .g_ncascenrp {

    margin-top: 14px;

    }

    .g_methodb .g_methodr {

    width: 388px;

    margin-right: 16px;

    }

    .g_baioct {

    width: 64px;

    }

    .g_baiocs {

    width: 8px;

    }

    .g_baiocs1 {

    top: 93%;

    }

    .g_baiocs2 {

    top: 93%;

    }

    .g_baiocs3 {

    transform: translate(0%,40%) rotate(60deg);

    }

    .g_methodltit h5 {

    font-size: 46px;

    margin-top: 26px;

    }

    .g_methodltit span {

    font-size: 32px;

    }

    .g_methodb p {

    font-size: 18px;

    line-height: 38px;

    }

    .g_methodrimgspa {

    transform: translateY(-45px);

    }

    .g_methodb .g_methodl {

    width: calc(100% - 420px);

    }

    .g_hardboxb .g_harlitmr {

    width: 402px;

    margin-right: 16px;

    }

    .g_hardboxb .g_harlitml {

    width: calc(100% - 40px - 402px);

    }

    .g_hardboxb .g_harlitml h5 {

    font-size: 46px;

    }

    .g_hardboxb .g_harlitmlnav span {

    line-height: 26px;

    }

    .g_ncbtnitmimgbji::after {

    width: 36px;

    height: 36px;

    }

    .g_methodrimg2b2 {

    right: 231px;

    }

    .g_methodrimg2b1 {

    left: 87px;

    top: -16px;

    }

    .ci_con {

    height: 46px;

    line-height: 46px;

    }



}

@media (max-width: 991px)

{ 
    .g_spamkb{
        display: inline-block;
    }
    .g_spamkb a{
        color: #ffffff;
    }
    .g_spamk{
        display: none;
    }
    .g_cseonboxl h5 a{
    display: inline-block;
    }  
    .g_cseonboxl h5 span{
    display: none;
    }  
    .contact_loc h5 span{
        display: none;
    }
    .contact_loc h5 a{
    display: inline-block;
    }
    .contact1 .contact_title span a{
    color: #ff4343;
    display: inline-block;
    }
    .contact1 .contact_title span span{
    display: none;
    }
    .enjoy .enjoynav {

    padding: 46px 0;

    }

    .enjoy .enjoynav{

        margin-left: -26px;

    }

    .enjoy .enjoynav li {

    margin-bottom: 0px;

    }

    .enjoy .enjoynav li {

    padding-left: 26px;

    padding-right: 26px;

    }

    .dana1 .enj_con {

    margin-top: 10px;

    }

    .enjoy_title .enj_con h2 {

    margin-bottom: 8px;

    }

    .enjoy_title .enj_con p {

    font-size: 16px;

    }

    .enjoy_title .enj_con h2 {

    font-size: 26px;

    }

    .enjoy_title .enj_con h2 span {

    font-size: 32px;

    }

    .enjoy_title h1 {

    font-size: 68px;

    }

    .header{

        display: none;

    }

    .padph {

        display: block;

    }

    footer.spfo{

        padding: 36px 36px 26px 36px;

    }

    footer .focon_fl{

        height: 158px;

    }

    footer .fodiv{

        padding-bottom: 48px;

    }

    footer .fodiv::after{

        width: 25px;

        height: 25px;

    }

    footer .fodiv h3{

        font-size: 14px;

        margin-bottom: 10px;

    }

    footer .fodiv h1{

        font-size: 24px;

    }

    .index .section6 .main-container

    {

        padding-top: 30px;

    }

    .index .section6 .main-container .content

    {

        float: none;



        width: 100%;

        height: auto;

    }

    .index .section6 .right

    {

        padding-top: 13px;

        padding-left: 0px;

    }









    .index .section6 .left p br

    {

        display: none;

    }

    .index .section6 .slick-dots

    {

        bottom: -15px;

    }

    .index .section1 .bgwhite .des

    {

        padding-right: 0;

        padding-left: 0;

    }

    .section2 h1,

    .section2 h5

    {

        text-align: center;

    }  

    .index .section2 figure

    {

        text-align: center;

    }

    .index .section2 .imgdiv

    {

        height: 60px;

    }

    .index .section2 figcaption

    {

        line-height: 1.4;



        margin-top: 20px;

    }

    .bgred .parslick{

        margin-left: -25px;

    }

    .index .section4 .title {

        padding: 84px 0 84px 0;

    }  

   

    .index .section5 .l,

    .index .section5 .r

    {

        float: none;



        width: 100%;

        padding-top: 40px;

        padding-right: 20px;

        padding-bottom: 40px;

        padding-left: 20px;

    }

    .index .section5 .main-container .other,

    .index .section5 .main-container .content,

    .index .section6 .main-container .content

    {

        float: none;



        width: 100%;

        height: auto;

    }



    .section7 .position

    {

        padding-right: 0;



        text-align: center;

    }

    .section7 .po,

    .section7 .contact

    {

        margin-right: 46px;

        margin-left: 46px;

    }

    .section7 .contact .iconfont {

    margin-left: 12px;

    }

    .section7 .po a

    {

        margin-right: 15px;

        margin-left: 15px;

    }  

	.po{

		margin-right: 0px;

	}

    .case_page{

        padding: 110px 120px 0;

    }

    .case_page .cp_left{

        width: 100%;

        padding: 95px 0 0px;

    }

    .case_page .cp_right{

        width: 100%;

    }

	.index .neitop .title .left, .index .neitop .title .right{

        display: block;

        float: none;

    } 



  

    .cd_top .ct_con .ct_ip img{

        width: 260px;

    }

    .cd_top .cd_con{

    	padding-right: 0px;

    }

    .cd_top .cd_con .cdc_left p{

    	width: 100%;

    }

    .casex .logodiv .lod_con img{

        margin-bottom: 15px;

    }

    .casex .logodiv .lod_con h5{

        font-size: 12px;

    }

    .case .case_center .cc_fr .cfr_txt{

        top: 30px;

        left: 30px;

        padding-top: 30px;

    }

    .case .case_center .cc_fr .cfr_txt h1{

        font-size: 28px;

        margin-bottom: 30px;

    }

    .case .case_center .cc_fr .cfr_txt .day img{

        width: 100px;

    }

    .case_video .cv_con .video-js {

        height: 440px;

    }

    .map_txt {

        left: 40px;

    }

    .map_center {

        width: 300px;

        height: 400px;

    }

    .index .section6 .right {

    width: 420px;

    }

    .index .section6 .left {

    width: calc(100% - 420px);

    width: -webkit-calc(100% - 420px);

    }

    .caseanli .caphtitle h4 {

    font-size: 46px;

    }

    .serdetails .g_harlitml {

        width: calc(100% - 436px);

    }

    .serdetails .g_harlitml h5 {

        font-size: 36px;

        line-height: 46px;

        height: 92px;

    }

    .serdetails .g_harlitmlp {

        height: 150px;

    }

    .serdetails .advantage {

        padding: 0 50px 100px 50px;

    }

    .serdetails .move2 {

        width: 120px;

        height: 120px;

    }

    .product_slick {

    padding: 56px 64px 0 64px;

    }
    .ci_con .ci_left .po{
        display: none;
    }
}

@media (max-width: 927px){
    .adv_box h5{
        font-size: 24px;
    }
    .adv_box p{
        font-size: 16px;
    }
    .adv_box{
        padding: 0px 16px 40px;
    }
    .enjoy_title h1 {

    margin-right: 30px;

    }
    .ci_conbox {

    margin-right: inherit;

    float: left;

    width: 100%;

    }

    .ci_con .ci_right {

    padding-left: 0px;

    float: right;

    margin-right: 26px;

    }

    .ci_con .ci_left {

    padding-right: 0;

    border-right: 0px solid #c9c9c9;

    }

    .ci_con .ci_right {

    height: 46px;

    line-height: 46px;

    }

    .albumboxcenitm {

    width: 100%;

    }

    .index .section5 .main-container .news .con{

        width: 100%;

        float: none;

    }

    .index .section5 .main-container .news .shift {

    width: 100%;

    padding-right: 0px;

    }

    .newservice .bgray .grayfr {

    display: none;

    }

    .newservice .bgray {

    height: 406px;

    }

    .webul {

    width: 100%;

    max-width: 100%;

    }

    .about_middle .am_bottom .atxt_con{

        width: 100%;

    }

    .about_middle .am_middle .am_txt {

    right: 15px;

    }

    .lead_con {

    padding: 0px 36px 0px;

    }

    .lc_changel {

    left: 12px;

    }

    .lc_changer {

    right: 12px;

    }

    .index .section5 .main-container .news .shift li, .index .section5 .main-container .news .con .text{

        height: auto;

    }

    .caseanli .txtdiv {

    padding: 26px 26px 26px 26px;

    }

    .serdetails .g_harlitml{

        width: 100%;

        float: none;

        text-align: center;

    }

    .g_harlitmr{

        float: none;

    }

    .g_methodl{

        float: none;

        width: 100%;

    }

    .g_methodr{

        float: none;

        margin: auto;

    }

    .g_harlitml h5{

        text-align: center;

    }

    .g_harlitml p{

        text-align: center;

    }

    .g_harlitmlnav{

        display: inline-block;

    }

    .g_harintr {

    margin-top: 26px;

    padding-bottom: 36px;

    }

    .g_harlitml h5{

        height: auto;

    }

    .g_harlitmlp{

        margin-top: 26px;

        height: auto;

    }

    .g_harlitmlnav{

        margin-top: 26px;

    }

    .g_harlitmr{

        margin: 30px auto 0; 

    }

    .g_methodltit span {

    font-size: 34px;

    text-align: center;

    display: block;

    }

    .g_methodltit h5 {

    font-size: 46px;

    margin-top: 26px;

    text-align: center;

    }

    .g_methodr{

        margin-top: 12px;

    }

    .g_methodbox {

    padding-top: 40px;

    padding-bottom: 40px;

    }

    .g_padding3 {

    padding-left: 56px;

    padding-right: 56px;

    }

    .g_advaitm .g_advaitma {

    width: 110px;

    }

    .g_advaitmb {

    width: 90px;

    }

    .g_advaitmc {

    width: 108px;

    }

    .g_advaitmd {

    width: 110px;

    }

    .g_advaitme {

    width: 50px;

    }

    .g_advaitmb2, .g_advaitmb3, .g_advaitmb4, .g_advaitmb5 {

    width: 30px;

    }

    .g_advaitmdasp {

    width: 24px;

    }

    .g_advaitmdaspioc {

    right: 28px;

    }

    .g_advaitmdaspioc span {

    width: 12px;

    height: 2px;

    margin-bottom: 3px;

    }

    .g_advaitmdasp {

    transform: translate(calc(-50% - 12px),calc(-50% - 3px));

    }

    .g_advaitmdaspioc {

    transform: translate(0,calc(-50% - 3px));

    }

    .g_advaitme span {

    width: 20px;

    }

    .g_advaitme span {

    bottom: 24px;

    }

    .g_advaitm h5 {

    margin-top: 14px;

    font-size: 18px;

    }

    .g_advaitmiocbox {

    height: 105px;

    }

    .g_adva {

    padding-bottom: 68px;

    }

    .g_advailast {

    margin-top: 36px;

    }

    .g_advap {

    margin: 54px auto 0;

    }

    .g_advatit h5 {

    font-size: 46px;

    }

    .g_methlast span{

        text-align: center;

        display: inline-block;

        padding-left: 0;

        padding-right: 0;

    }

    .g_methlast{

        margin-left: 0;

        margin-right: 0;

        display: inline-block;

        width: auto;

    }

    .g_methlastbn{

        width: 50%;

    }

 

    .g_methlastbn span{

        width: auto;

        display: inline-block;

    }

    .g_methlastbl{

        padding-right: 20px;

    }

    .g_methlastbr{

        padding-left: 20px;

    }

    .g_methlastc{

        opacity: 1;

    }

    .g_methlastbgn{

        position: relative;

    }

    .g_methlastb{

        position: absolute;

        left: 0;

        top: 68px;

        width: 100%;

    }

    .g_methlastbox{

        text-align: center;

    }

    .caseanli .txtdiv h5 {

    font-size: 24px;

    }

    .caseanli .txtdiv p {

    font-size: 18px;

    line-height: 26px;

    height: 52px;

    }

    .caseanli .txtdiv {

    padding: 26px 26px 26px 26px;

    }

    .caseanli .messdiv .zandiv {

    width: 18px;

    }

    .caseanli .messdiv {

    margin-top: 16px;

    }

    .caseanli .caphtitle {

    padding-top: 36px;

    padding-bottom: 36px;

    }

    .g_anbtnbox {

    margin-top: 36px;

    margin-bottom: 46px;

    }



    .g_ncascenr{

        float: none;

        width: 100%;

    }

    .g_ncascenl{

        float: none;

        margin: 26px auto 0;

    }

    .g_ncbtnlast .slick-prev {

    width: 56px;

    }

    .g_ncbtnlast .slick-next {

    width: 56px;

    }

    .g_ncbtnlast{

        padding-left: 56px;

        padding-right: 56px;

    }

    .g_desigitm {

    width: 50%;

    }

    .g_methodb .g_methodl{

        width: 100%;

        float: none;

    }

    .g_methodb .g_methodr{

        float: none;

        margin: 72px auto 0;

    }

    .g_methodrimgspa{

        display: none;

    }

    .g_methodb .g_methodbox {

    padding-bottom: 80px;

    }

    .g_hardboxb .g_harlitml,
    .j_hrbtnbox .g_harlitml{

        float: none;

        width: 100%;

    }

    .g_hardboxb .g_harlitmr{

        float: none;

        margin: 36px auto 0;

    }

    .g_hardboxb{

        padding-bottom: 26px;

    }

    .g_desigitm h5 {

    font-size: 28px;

    }

    .g_desigitm span {

    font-size: 16px;

    margin-top: 14px;

    }
    .index .section4 li a .logodiv .lod_con img {
    width: 168px;
    }
}

@media (max-width: 767px){
    .ci_return{
        display: none;
    }
    .pc_nav{

        display: none;

    }

    .phone_nav{

        display: block;

    }

    #burger-menu .nav_close {

        top: 30px;

        right: 30px;

    }

    .search .pcbb{

        display: none;

    }

    .search .phsearch {

        display: block;

    }

    footer.spfo p{

        left: 0px;

        width: 100%;    

        text-align: center;

    }

    .index .phbanner,

    .index .neitop{

        height: 400px;

    }

    .buildfl .buildimg {

        height: 660px;

    }

    .buildfl .buildimg .x-s-1 {

        left: 35px;

        width: 310px;

    }

    .buildfl .buildimg .x-s-2 {

        top: 130px;

        left: 24px;

        width: 185px;

    }

    .buildfl .buildimg .x-s-3 {

        top: 190px;

        right: 17px;

        width: 163px;

    }

    .buildfl .buildimg .x-s-4 {

        bottom: 166px;

        left: 50%;

    }   

    .buildfl .buildimg .t-s-2 {

        left: 77px;

    }

    .buildfl .buildimg .t-s-4 {

        top: 264px;

    }

    .buildfr .buildcon {

        padding: 30px 15px 0;

    }

    .buildfr .buildcon h1, 

    .buildfr .buildcon h2 {

        margin-bottom: 15px;

    }

    .buildfr .buildcon h1 a {

        font-size: 30px;

    }

    .buildfr .buildcon h2 a {

        font-size: 18px;

    }

    .buildfr .buildcon .buildmess {

        margin-bottom: 20px;

    }

    .buildfr .buildcon p {

        font-size: 14px;

    }

    .newservice .bgray {

        height: 309px;

    }

    .newservice .wrap .sertitle:after{

        display: none;

    }

    .newservice .wrap .sertitle {

    margin-bottom: 0px;

    }

    .graytitle h4 {

    margin-bottom: 14px;

    }

    .newservice .sertitle h1 {

    font-size: 32px;

    text-align: center;

    }

    .bry .brybox {

    /*height: auto;*/
    height: 186px;
    }

    .webul li {

    margin-top: 0px;

    line-height: 22px;

    }

    .newservice .wrap .sertitle {

    border-bottom: 0px solid #dddddd;

    }

    .type {

    margin-bottom: 14px;

    }

    .webul li {

    font-size: 14px;

    }

    .graytitle h1 {

        font-size: 24px;

    }

    .graytitle h4 {

        font-size: 20px;

    }

    .webul li a {

        font-size: 14px;

    }
    .enjoy_title h1 {

        float: none;

        font-size: 54px;

        margin-right: 0px;

    }
    .enjoy_box {
        margin-bottom: 30px;
    }

   .lead_top .lt_img {
        width: 100%;
    }

    .lead_top .lt_txt {
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }
    .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
        float: none !important; 
    }

    .case_video .cv_con .video-js {

        height: 320px;

    }

    .case_txt p{

        font-size: 26px;

        line-height: 1.5;

        margin-bottom: 25px;

    }

    .case_txt h1{

        font-size: 18px;

        margin-bottom: 90px;

    }

    .case_txt p.txt1{

        font-size: 18px;

    }

    .case_txt h1.txt2{

        font-size: 26px;

        margin-bottom: 8px;

    }

    .case_txt h1.txt2 br:nth-child(2){

        display: none;

    }

    .case_txt p.txt3{

        font-size: 14px;

        margin-bottom: 18px;

    }

    .case_txt .tag{

        padding-bottom: 36px;

    }

    .case_txt .case_bt .image-wrapper {

        width: 100%;

        padding-left: 22%;

        margin-bottom: 26px;

    }

    .case_txt .case_bt {

        margin-bottom: 40px;

    }

    .case_info {

        padding: 14px 70px 0px 70px;

    }

    .case_info .zan{

        display: none;

    }

    .case_info .caseback{

        display: block;

    }

   /* .case_info .ci_con .ci_right{

        display: none;

    }*/

   

    .po {

        margin-right:0px;

    }

    /* .cdetails footer{

        padding: 15px 40px 0px;

    }

    .cdetails footer h1{

        padding: 60px 0;

        font-size: 38px;

    } */



	.index .section5 .main-container .news .imgdiv{

		height: 256px;

	}

	.bgw_fr h1{

	    display: none;

	}

	.bgw_fl, .bgw_fr{

	    width: 100%;

	}

	.index.service .bgwhite {

	    padding-right: 30px;

	}

	.bgw_title {

	    padding: 60px 0 0 00px;

	}

	.bgw_title .bgw_nav {

	    padding: 20px 0 40px;

	}

	.bgw_fl {

	    padding: 40px 30px 0 30px;

	}

	.bgw_fl h1 {

	    margin-bottom:30px;

	    margin-left: 0px;

	}

	.bgw_fl p {

	    padding-top:40px;

	}

	.bgw_fl .bgwul {

	    padding: 40px 0 40px;

	}

	.bgw_fr {

	    padding-top: 0px;

	    padding-bottom: 40px;

	    text-align: center;

	}

	.bgw_fr img {

	    right: 0px;

	    margin-right: 0px;

	    float: none;

	}

	.bgw_right .bgw_fr {

	    padding-top: 0px;

	    text-align: center;

	}

	.bgw_right .bgw_fr img {

	    float: none;

	    margin-left: 0px;

	}

	.about_top .at_title h1 {

	    font-size: 48px;

	}

	.about_top .at_middle p {

	    width: 100%;

	}

	.about_middle .am_top {

	    padding: 60px 30px 60px;

	}

	.about_middle .am_top h1, .about_middle .am_bottom h1 {

		margin-bottom: 30px;

	}

	.about_middle .am_bottom {

	    padding: 60px 30px 60px;

	}

	.about_middle .am_bottom .amb_txt {

	    margin-top: 30px;

	}

	.section_about .sa_top {

	    padding: 60px 30px;

	}

	.contact1 {

	    padding: 60px 30px 60px;

	}

	.contact_loc {

	    padding: 20px 0 20px 128px;

	}

	.contact_loc .imgdiv {

	    top: 25px;

	    left: 0px;

	}

	.contact_mess h1 {

	    font-size: 24px;

	    color: #464646;

	    margin-bottom: 30px;

	}

	.contact_mess form button {

	    width: 150px;

	    height: 65px;

	}

    .contact1 .contact_title h1 {

        font-size: 38px;

    }



	.index .section1.bgat .bgwhite{

		height: 480px;

	}

	.index .section1 .bgwhite .middle, 

    .index .section1 .bgwhite .right{

		height: 385px;

	}

	.index .section1 .bgwhite .des .content p{

		font-size: 14px;

		line-height: 24px;

	}

	.index .section6 .left{

        width: calc(100% - 400px);

        width: -webkit-calc(100% - 400px);

    }

    .index .section6 .right {

        width: 400px;

    }

    

	.cd_top .ct_con .ct_ip{

		right: -20px;

	}

    .cd_top .cd_con{

        padding-right: 0px;

    }    

    .case .casetop{

        margin-top: 100px;

    }



    .about_top .at_bottom .ab_con .ab_num {

        font-size: 48px;

    }

    .about_middle .am_middle .am_txt {

        right: 0px;

        bottom: -10px;

        width: 100%;

    }

    .about_middle .am_middle .am_txt img{

        width: 300px;

        margin-left: 15px;

        display: block;

    }

    .about_middle .am_bottom .atxt_con{

        width: 100%;

        padding-left: 0px;

        margin-bottom: 10px;

    }

    .section_about .sa_con{

        padding-left: 0px;

        padding-bottom: 0px;

    }

    .section_about .sa_ab img{

        width: 200px;

    }

    .map_txt{

        padding-top: 55px;

    }

    .map_txt h1{

        font-size: 34px;

        margin-bottom: 30px;

    }

    .map_txt p{

        font-size: 30px;

        margin-bottom: 50px;

    }

    .map_txt{

        top: 180px;

        left: 70px;

    }

    .map_center{

        /* top: 70%; */

        display: none;

    }

    .map_center span {

	    width: 50px;

	    height: 50px;

	}

    .contact_mess form .form_fl{

        width: 100%;

    }

    .map .map_img{

        height: 765px;

    }

    .map .map_img img{

        width: auto;

        height: 100%;

    }

    .case_page .cp_left{

        width: 100%;

        padding: 0px;

    }

    .case_page .cp_right{

        width: 100%;

        padding: 0px;

    }

    .index .neitop .neibei{

		display: none;

	}

	.index .neitop .neibeiph{

		display: block;

	}

	.index .neitop .title {

        padding-top: 150px;

        padding-bottom: 81px;

		opacity: 1;

    }

    .ci_con .ci_right .share .bdsharebuttonbox .bdsbtn {

        margin-left: 14px;

    }

    .ci_con .ci_left .po{

        margin-left: 0px;

        display: none;

    }

    .ci_con .ci_left .contact {

        margin-right: 0px;

        margin-left: 0px;

        position: relative;

        top: 50%;

        transform: translateY(-50%);

    }

    .ci_con .ci_left{

        position: relative;

        height: 46px;

    }	

    .serdetails .g_harlitml {

        width: 100%;

        float: none;

        text-align: center;

    }

    .serdetails .g_harlitml h5 {

        height: auto;

    }

    .serdetails .g_harlitmlp {

        margin-top: 26px;

        height: auto;

    }

    .advantage .adtitle h1 {

        font-size: 46px;

    }

    .adv_box {

        width: 48%;

        margin-left: 0px;

    }

    .adv_box:nth-child(odd) {

        margin-right: 4%;

    }

}

@media (max-width: 767px)

{	
    .contact_mess h1 img{
        width: 140px;
        max-width: inherit;
    }
    .buildfr .buildchange {

    position: relative;

    margin-top: 26px;

    }

    .buildfr .buildchange .buildnum span {

    font-size: 12px;

    }

    .buildfr .buildchange .buildprev .txt, .buildfr .buildchange .buildnext .txt {

    font-size: 14px;

    }

    .buildfr .buildchange .buildnum {

    position: absolute;

    top: -20px;

    }

    #burger-menu .nav_close{

        top: 38px;

        right: 15px;

    }

    .search .phsearch .seclose{

        right: 15px;

    }

    footer p{

        text-align: center;

        font-size: 14px;

        line-height: 22px;

    }

    footer.spfo{

        padding: 15px 15px 22px 15px;

    }

    footer.spfo p{

        left: 0px;

        bottom: inherit;

        margin-top: 26px;

        line-height: 22px;

    }

    footer .focon_fl{

        width: 100%;

        height: 273px;

    }

    footer .fodiv{

        padding-bottom: 40px;

    }

    footer .fodiv h3{

        font-size: 18px;

        margin-bottom: 5px;

    }

    footer .fodiv h1{

        font-size: 24px;

        padding-bottom: 0px;

    }

    .index .phbanner,

    .index .neitop{

        height: 288px;

    }

    .buildfl {

        display: none;

    }

    .buildfr {

        width: 100%;

    }

    .buildfr .buildslick {

        height: auto;

    }

    .index .section2.phsc2 .phsc_title h5.ph4{

        padding-left: 0px;

        font-size: 24px;

    }

    .index .section5 .main-container .news{

        padding: 30px 0 0;

    }

    .index .section2.phsc2 .bgrpad {

    margin-top: 26px;

    }

    .index .section5 .main-container .news .con{

        padding-right: 0px;

        width: 100%;

    }

    .index .section5 .main-container .news .imgdiv{

        height: auto;

        margin-bottom: 12px;

    }

    .index .section5 .main-container .news .con .text{

        border-bottom: 0px;

    }

    .index .section5 .main-container .news .con .text h4{

        margin: 15px 0;

        font-size: 16px;

    }  

    .index .section5 .main-container .news .shift {

        width: 100%;

        padding-right: 0px;

    }

    .index .section6 .left,

    .index .section6 .right

    {

        float: none;



        width: 100%;

        padding-top: 0;

        padding-right: 0;

        padding-left: 0;



        background-position: center;

    }

    .index .section6 .left{

        margin-bottom: 26px;

    }

    .index .section6 .left p{

        margin-top: 14px;

        margin-bottom: 14px;

        font-size: 14px;

        line-height: 24px;

    }

    .index .section6 .right

    {

        padding: 0;



        background: none;

    }

    .index .section6 .right img

    {

        max-width: 100%;

    }



















    .newservice .bgray {

        /*height:auto;*/

        height: 186px;
    }

    .graytitle{

        position: relative;

        left: 0;

        width: 100%;

        top: 0;

    }

    .newservice .bgray .grayfl {

        width: 100%;

    }

    .newservice .bgray .grayfr {

        display: none;

    }

    .bry .bgblack, .bry .ry {

        width: 100%;

        height: 50%;

    }

    .newservice .wrap{

        padding: 0px 15px 20px;

        margin-top: 90px;

    }

    .bry {

    height: auto;

    }

    .brybox .ser_arrow{

        display: none;

    }

    .webul{

        margin: 0 -10px 0 -10px;

    }

    .retrieve .wrap {

        padding: 0 10px;

    }

    .retrieve .wrap .ret_line {

        display: none;

    }

    .retri_hint {

        padding: 30px 0;

    }

    .retri_con .retri_box{

        margin-bottom: 10px;

    }

    .enjoy .wrap {

        padding-left: 15px;

        padding-right: 15px;

    }

    .enjoy_title h1 {

        font-size: 44px;

    }

    .enjoy_title .enj_con h2 {

        font-size: 24px;

    }

    .enjoy_title .enj_con p {

        font-size: 16px;

    }

    .enjoy_box {

        padding-bottom: 10px;

        margin-bottom: 15px;

    }

	.lead_top {

	    padding: 15px 15px 36px;

	}

	.lead_con {

	    width: 100%;

	    padding: 0px 25px 0px;

	}

	.lead_con .lc_title h4 {

	    font-size: 30px;

	}



   

.section7 .friendlink {

    display: none;

}

.section7.friend .position .position_top {

    height: auto;

}

    .padcase{

        display: none;

    }



/*     .padnav .phon_btnb{

    display: block;

} */

    .fenye{

        display: none;

    }

    .fenyeph{

        display: block;

        padding-left: 15px;

        padding-right: 15px;

    } 

    .index .neitop .title .left, .index .neitop .title .right {

        padding-left: 20px;

        padding-right: 20px;

        text-align: center;

    }

    .index .neitop .title .right h1 {

        font-size: 24px;

        letter-spacing: 2px;

    }

    .index .neitop .title .left h1{

        font-size: 14px;

    }

	body.index{

        padding-top: 80px;

    }



    .main-container {

        padding: 0px;

    }

    .index .section1 .bgwhiteh{

        padding: 0 10px 1px;

    }

    .index .section1.bgat .bgwhite{

        height: auto;

    }

    .index .section1 .bgwhite .middle{

        display: none;

    }

    .index .section1 .bgwhite .right{

        width: 100%;

        height: auto;

        padding-bottom: 0px;

    }

    .index .section1 .bgwhite .right .conslick{

        padding-bottom: 120px;

    }

    .index .section1 .bgwhite .des .content p{

        font-size: 16px;

    }

    .index .section1 .bgwhite .des .content a {

        display: none;

    }

    

    .index .mainh4 .flul li{

        padding-top: 15px;

    }


    .index .section4 .title {

        padding: 35px 0 35px 15px;

    }

    .index .section4 .title span{

        padding-left: 0;

    }



    

    .section7 .position

    {

        line-height: normal;



        height: auto;

        padding-top: 20px;

        padding-bottom: 20px;

        overflow: hidden;

        padding-left: 15px;

        padding-right: 15px;

    }



    .section7 .po a:nth-child(1){

        margin-left: 0;

    }



    .section7 .po,

    .section7 .contact

    {

        margin-right: 0;

        margin-left: 0;

    }

    .section7 .po{

        float: left;

    }

    .section7 .position a {

	    font-size: 14px;

        margin-right: 0px;

	}

	.po a .iconfont {

	    font-size: 16px;

	    margin-right: 5px;

	}

    .section7 .contact

    {

        float: right;

        padding: 0px;

        margin-right: 25px;

    }

    .section7 .ci_con{

        height: auto;

        line-height: auto;

        padding-top: 0px;

        padding-bottom: 0px;

        padding-left: 15px;

        padding-right: 15px;

    }

    .ci_con {

        border-top: 0px;

    }



    .section7 .ci_con a{

        font-size: 14px;

    } 

    .ci_con .ci_left a {

        line-height: 1px;

    }

   

    .txtdiv h5{

        font-size: 14px;

    }

    .messdiv{

        padding: 0 15px;

        margin-top: 12px;

    }

    .messdiv .messname{

        font-size: 12px;

    }

    .case .wrap{

        padding: 0px 0px;

        margin-top: 56px;

    }

    .case .wrap nav{

        margin: 0px 0px 0 0px;

    }

    .caseph nav {

    padding: 26px 15px;

    }



    .cd_top{

        padding: 90px 15px 36px;

    }

    .cd_top .ct_con .ct_ip{

        bottom: 10px;

        right: -10px;

    }

    .cd_top .ct_con .ct_ip img{

        width: 180px;

    }

    .cd_top .cd_title{

        margin: 36px 0 25px;

    }

    .cd_top .cd_con .cdc_left{

        width: 100%;

        margin-right: 0px;

        text-align: center;

    }

    .cd_top .cd_con .cdc_left .cdc_logo img{

        width: 220px;

    }

    .cd_top .cd_con .cdc_left .cdc_logo {

        margin-bottom: 26px;

    }

    .cd_top .cd_con .cdc_left p{

        width: 100%;

        font-size: 14px;

        line-height: 24px;

    }

    .case_video{

        padding: 0px;

    }

    .case_video h1 {

    font-size: 24px;

    padding: 15px;

    margin-bottom: 0;

    } 

    .case_video .cv_con {

        padding-left: 0px;

    }

    .case_page {

        padding: 60px 15px 0;

    }

    .case_txt{

        padding: 26px 15px 0;

    }

    .case_txt p{

        font-size: 18px;

        line-height: 30px;

        margin-bottom: 12px;

    }

    .case_txt h1{

        font-size: 12px;

        margin-bottom: 18px;

        line-height: 30px;

    }

    .case_txt .case_bt {

        margin-bottom: 0px;

    }

    .case_txt .case_bt .image-wrapper{

        padding-left: 0px;

    }

    .case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img{

        padding-left: 18%;

    }

    .case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img .cbt_color{

        width: 58.75%;

    }

    .case_txt p.txt1{

        font-size: 12px;

    }

    .case_txt h1.txt2{

        font-size: 18px;

    }

    .case_txt p.txt3{

        font-size: 12px;

    }

    .case_txt .txt_bottom img{

        margin-bottom: 26px;

    }

    .case_info{

        padding: 0px 15px 0px;

        overflow: hidden;

    } 

    .case_info .caseback {

    padding: 0 26px;

    }



    .case_info .zan{

        margin: 0px auto 30px;

    }

    .po a{

        margin-left: 18px;

    }

    .cdetails .casefo {

        padding: 0 0px 36px;

    }

    .cdetails .casefo .cdp_con .slick-prev {

       width: 26px;

        height: 24px;

        left: 6px;

    }

    .cdetails .casefo .cdp_box {

    margin: 0 0px;

    }

    .cdetails .casefo .cdp_con{

        margin: 0;

    }

    .cdetails .casefo .cdp_con .slick-next {

       width: 26px;

        height: 24px;

        right: 6px;

    }

    .cdetails .casefo .cdp_con {

    padding: 0 42px 0 42px;

    }

    .cdetails .casefo h1 {

        padding: 20px 15px;

        font-size: 30px;

        text-align: center;

    }

    .case_video .cv_con .video-js {

        height: 185px;

    }

/*     .cdetails footer{

    padding: 0 70px 0px;

}

.cdetails footer h1{

    padding: 40px 0;

    font-size: 22px;

} */

    .cdetails footer .cdp_con {

	    display: block;

		margin: 0px;

		padding-bottom: 75px;

	}

	.cdetails footer .cdp_ph{

		display: none;

	}

	.index.newlist .section5 .main-container .bgf3 {

    	padding: 0px;

    }

    .index .section{

        width: 100%;

    }

	.index.newlist .section5 .main-container .bgf3 .newtitle{

		padding: 30px 15px 0;

	}

	.index.newlist .newtitle h1{

	    font-size: 32px;

	}

	.index.newlist .section5 .main-container .news .newpadtitle{

		padding-top: 26px;

        padding-left: 15px;

        padding-right: 15px;

        padding-bottom: 26px;

	}

	.index.newlist .section5 .main-container .news .padnews .shift li{

		width: 100%;

	}

	.index.newlist .section5 .main-container .news .padnews .shift li:nth-child(odd) {

	    margin-right: 0;

	}

	.index.newlist .section5 .main-container .content {

	    padding-bottom: 0px;

	}

	.index.newlist .fenyeph{

		background-color: #f2f7f3;

        padding-left: 15px;

        padding-right: 15px;

	}

    .index .section1 .bgwhite .caselist .newsnei .titnei .titnei_time{

        width: 100%;

        padding-left: 0;

        padding-right: 0;

    }

    .index .section1 .bgwhite .caselist .newsnei .titnei .titnei_time span{

        display: block;

        margin-right: 0;

        line-height: 24px;

        float: none;

        text-align: center;

    }

	.index .section1 .bgwhiteh .caselist .newsnei .newsnein .newguding h1 {

	    padding: 20px 0 20px;

	    font-size: 22px;

	}

    .index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess {

        padding: 0px 0px 0px 0px;

        margin-top: 40px;

    }

	.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl {

	    width: 100%;

	}

	.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl:nth-child(1) {

	    margin-right: 0;

	}

	.index .section1 .bgwhite .caselist .newsnei .newsnein .contact_mess form button {

	    width: 140px;

	    height: 50px;

	}

	.bgw_title{

	    padding: 20px 0;

	}

	.bgw_title h1{

	    font-size: 32px;

	}

	.bgw_title .bgw_nav{

	    padding: 20px 0 0;

	}

	.bgw_title .bgw_nav li{

	    padding: 5px 30px 5px 10px;

	}

	.bgw_left, .bgw_right{

	    padding-bottom: 20px;

	    margin-bottom: 20px;

	}

	.bgw_fl{

	    padding: 20px 10px;

	}

	.bgw_fl h1{

	    font-size: 22px;

	    margin-left: 0px;

	    margin-bottom: 20px;

	}

	.bgw_fl h5{

	    font-size: 14px;

	}

	.bgw_fl p{

	    padding-top: 20px;

	}

	.bgw_fl .bgwul{

	    padding: 20px 0 0;

	}

	.bgw_fr{

	    padding: 20px 0;

	}

	.bgw_fr img{

	    float: none;

	    margin-right: 0px;

	}

	.bgw_right .bgw_fr{

	    padding-top: 20px;

	}

	.bgw_right .bgw_fr img{

	    margin-left: 0px;

	}



	.contact1 {

	    padding: 26px 15px 36px;

	}

	.contact1 .contact_title h1 {

		float: none;

	}

	.contact1 .contact_title .phone {

	    height: 30px;

	    float: none;

        padding-left: 40px;

	}

	.contact1 .contact_title img {

	    margin-right: 10px;

	    height: 30px;

	}

	.contact1 .contact_title span {

	    font-size: 18px;

	    line-height: 30px;

	}

	.contact1 .contact_title {

	    padding-bottom: 20px;

	}

	.contact_loc {

    padding: 20px 0 14px 65px;

    border: 0px;

    }

    .contact_loc:hover{

        border:0px;

    }

    .contact_loc {

    margin-bottom: 0px;

    }

	.contact_loc .imgdiv{

	    width: 46px;

	    height: 46px;

	}

	.contact_loc .h4{

	    margin-bottom: 10px;

	}

    .contact1 .contact_title h1 {

        font-size: 32px;

    }

	.contact_mess{

	    padding: 20px 0 0;

	}

	.contact_mess h1{

	    font-size: 22px;

	    margin-bottom: 6px;

	}

	.contact_mess form input{

	    padding: 15px 0;

	    font-size: 14px;

	}

	.contact_mess form textarea{

	    padding-top: 15px;

	    font-size: 14px;

	}

	.contact_mess form span img{

	    bottom: 5px;

	    width: 70px;

	}

	.contact_mess form .form_fl{

	    padding-right: 0px;

	}

	.contact_mess form button{

	    width: 120px;

	    height: 40px;

	    font-size: 14px;

	}

	.map .map_img{

	    height: 360px;

	}

	.map_txt{

	    top: 145px;

	    left: 50px;

	    padding-top: 20px;

	}

	.map_txt:after{

	    height: 2px;

	}

	.map_txt h1{

	    font-size: 18px;

	    margin-bottom: 20px;

	}

	.map_txt p{

	    font-size: 16px;

	    margin-bottom: 20px;

	}

	.map_txt button{

	    width: 80px;

	    height: 40px;

	    font-size: 12px;

	}

	.map_center{

	    display: none;

	}

	.contact .contact_title{

	    padding-bottom: 20px;

	}

	.contact .contact_title h1{

	    font-size: 24px;

	    margin-right: 10px;

	}

	.contact .contact_title .phone{

	    height: 30px;

	}

	.contact .contact_title img{

	    height: 30px;

	    margin-right: 10px;

	}

	.contact .contact_title span{

	    font-size: 12px;

	    line-height: 30px;

	}











.index .se5 .main-container .news .con{

    padding-bottom: 20px;

}

.broadside{

    width: 25px;

    background-color: rgba(0,0,0,0);

}

/* .case .wrap nav{

    display: none;

} */



.txtdiv {

    padding: 0px 15px 0px;

    height: 22px;

    overflow: hidden;

    line-height: 22px;

    margin-top: 14px;

}

.caseph .caphtitle{

    padding-left: 12px;

}

.casex .logodiv .lod_con img{

    margin-bottom: 10px;

}

.casex .logodiv .lod_con h5{

    font-size: 14px;

}

.case_info .ci_con{

    height: auto;

}





.caseph .cm_box{

    width: 100%;

}

.padnav{

    padding-right: 15px;

    padding-left: 20px;

}

.broadside .navbtn{

    display: none;

}

.messdiv .zandiv {

    width: 29px;

    height: 29px;

    line-height: 29px;

}

.about_top{

    padding: 0 15px;

}

.about_top .at_title{

    padding: 20px 0;

}

.about_top .at_title h6,

.about_top .at_title h5{

    font-size:22px; 

}

.about_top .at_title h1{

    font-size: 24px;

}

.about_top .at_middle h6{

    padding: 0 0 20px;

    font-size: 14px;

}

.about_top .at_middle p{

    width: 100%;

    font-size: 14px;

}

.about_top .at_bottom{

    padding: 20px 0;

}

.about_top .at_bottom .ab_con h5{

    font-size: 14px;

    margin-bottom: 20px;

}

.about_top .at_bottom .ab_con .ab_num{

    font-size: 28px;

    margin-bottom: 20px;

}

.about_top .at_bottom .ab_con p{

    font-size: 12px;

}

.about_middle .am_top{

    padding: 20px 15px;

}

.about_middle .am_top h1, .about_middle .am_bottom h1{

    margin-bottom: 20px;

}

.about_middle .am_top p, .about_middle .am_bottom p{

    font-size: 14px;

    line-height: 28px;

}

.about_middle .am_middle .am_fl,

.about_middle .am_middle .am_fr{

    width: 100%;

}

.about_middle .am_bottom{

    padding: 20px 15px;

}

.about_middle .am_bottom .amb_txt{

    margin-top: 10px;

}

.section_about .sa_top{

    padding: 20px 15px;

}

.section_about .sa_top .sa_fl,.section_about .sa_top .sa_fr{

    width: 100%;

}

.section_about .sa_top .sa_fl{

    margin-bottom: 10px;

}

.section_about .sa_top .sa_fr p{

    font-size: 14px;

}

.section_about .sa_ab{

    display: none;

}

.case_info .ci_con .ci_left .po{

    display: none;

}

.ci_con .ci_left a{

    float: left;

}

.ci_con .ci_right {

    margin-right: 0px;

}

.index .section5 .main-container .news .shift{

    padding-bottom: 36px;

}

.index .section5 .main-container .news .shift li h5:last-of-type, .index .section5 .main-container .news .con .text h4{

    height: auto;

}

.index .section5 .main-container .news .shift li, .index .section5 .main-container .news .con .text{

    height: auto;

}

.buildfr .buildchange .buildprev  .icon-zuoyoujiantou0{

    margin-left: 0;

}

.index .section6 .main-container .content {

    padding-bottom: 36px;

}

.section7 .po a {

    margin-left: 6px;

}

.section7 .contact .iconfont {

    margin-left: 6px;

}

.bgwph h4 {

    line-height: 56px;

    font-size: 24px;

}

.bgwph .more a {

    font-size: 14px;

    line-height: 56px;

}

.buildfr .buildcon h1, .buildfr .buildcon h2 {

    margin-bottom: 22px;

}

.bgwph {

    height: 56px;

    padding: 0 15px;

}

.buildfr .buildcon h1 a {

    font-size: 24px;

}

.buildfr .buildcon h1, .buildfr .buildcon h2{

    font-size: 18px;

}

#burger-menu .nav_close{

    width: 22px;

}



.mCSB_inside>.mCSB_container {

    margin-right: 0px !important;

}

.enjoy nav li {

    padding: 0 0px;

}

.burger-menu-share-wrap li{

    margin: 0 15px;

}

.phone_nav {

    padding: 36px 0px 0 0px;

}

.xialaph h4 img {

    width: 14px;

}

.dana1 .enj_con{

    float: none;

}

.enjoy_title {

    overflow: inherit;

}

.enjoy_title h1 {

    font-size: 24px;

}

.enjoy_title .enj_con h2 {

    font-size: 18px;

}

.enjoy_title .enj_con h2 span {

    font-size: 20px;

}

.enjoy_title .enj_con p {

    font-size: 14px;

    line-height: 22px;

}

.enjoy .enjoynav li a {

    font-size: 14px;

    line-height: 22px;

}

.enjoy .enjoynav li {

    padding-left: 12px;

    padding-right: 12px;

}

.enjoy .enjoynav{

    margin-left: -12px;

    margin-right: -12px;

}

.enjoy .enjoynav {

    padding: 26px 0;

}

.cd_top .cd_title a .arrow {

    display: inline-block;

    width: 26px;

    height: 26px;

    line-height: 18px;

}

.index.newlist .section5 .main-container .news  .padnews .shift{

    padding-left: 15px;

    padding-right: 15px;

}

.index.newlist .section5 .main-container .news  .padnews .con{

    padding-left: 0px;

    padding-right: 0px;

    margin: 0;

}

.index.newlist .section5 .main-container .news .padnews .con .item {

    margin: 0 0px;

}

.index.newlist .section5 .main-container .news  .padnews .con{

    padding-left: 15px;

    padding-right: 15px;

}

.index .section5 .main-container, .index .section6 .main-container {

    padding-right: 15px;

    padding-left: 15px;

}

.black_topbh{

    display: none;

}

.caseanli .txtdiv{

    height: auto;

}

.caseanli .txtdiv {

    padding: 15px 15px 26px 15px;

}

.cm_con:nth-child(odd) {

    margin-right: 14px;

}

.cm_con {

    width: calc(50% - 7px);

}

.main-container{

    max-width: 100%;

}

.about_middle .am_bottom .amb_txt{

    margin-left: 0;

    margin-right: 0;

}

.about_middle .am_bottom .atxt_con{

    padding-left: 0;

    padding-right: 0;

}

.index .section2 .main-container .bgred{

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 36px;

}

.likebn{

    display: none;

}

.caseph nav ul {

    margin: 0 -13px;

}

.contact_mess form button {

    margin-top: 32px;

}

.con_himg {

    width: 98px;

}

.index.newlist .section5 .main-container .news .newpadtitle ul li a {

    font-size: 14px;

}

.lead_con {

    padding: 0px 15px 0px;

}

.lc_changel {

    left: 0px;

}

.lc_changer {

    right: 0px;

}

.lc_changel, .lc_changer {

    width: 36px;

    height: 116px;

}

.lc_changel img, .lc_changer img {

    width: 22px;

}

.lead_con .lc_slick {

    padding: 0 42px 0px;

    margin-bottom: 36px;

}

.lead_con .lc_slick .slick-prev {

    width: 26px;

    height: 23px;

}

.lead_con .lc_slick .slick-next {

    width: 26px;

    height: 23px;

}

.lead_con .lc_slick .lc_small {

    margin: 0 0px;

}

.lead_con .lc_title {

    padding: 36px 0;

}

.type:after{

    display: none;

}

.type h6{

    display: none;

}

.newservice .bgray {

        padding: 26px 15px 22px 15px;

    }

.bry .brybox {

        padding-left: 15px;

        padding-right: 15px;

        padding-bottom: 22px;

        padding-top: 26px;

    }

    .type {

    margin-bottom: 0px;

    padding-top: 0px;

    }

    .index .section5 .main-container .news .shift li h5:last-of-type, .index .section5 .main-container .news .con .text h4{

        line-height: 24px;

    }

    .index.newlist .section5 .main-container .news .padnews .shift li{

        max-height: inherit;

    }

    .g_padding3 {

    padding-left: 15px;

    padding-right: 15px;

    }

    .caseanli .caphtitle h4 {

    font-size: 24px;

    line-height: 24px;

    }

    .caseanli .caphtitle {

    padding-top: 36px;

    padding-bottom: 36px;

    }

    .caseanli .txtdiv h5 {

    font-size: 18px;

    margin-bottom: 6px;

    }

    .caseanli .txtdiv {

    padding: 20px 15px 26px 15px;

    }

    .caseanli .cm_con .txtdiv {

    margin-top: 0;

    }

    .caseanli .txtdiv p {

    font-size: 14px;

    line-height: 22px;

    max-height: 44px;

    height: auto;

    }

    .caseanli .messdiv {

    margin-top: 16px;

    }

    .g_detailsbox h5 {

    font-size: 32px;

    margin-top: 26px;

    }

    .g_detailsbox span {

    font-size: 28px;

    }

    .g_detailsbox p {

    font-size: 18px;

    line-height: 26px;

    }

    .g_advatit h5 {

    font-size: 46px;

    margin-top: 36px;

    }

    .g_advatit span {

    font-size: 32px;

    margin-top: 46px;

    }

    .g_advap p {

    font-size: 18px;

    line-height: 32px;

    }

    .g_advap {

    margin: 56px auto 0;

    }

    .g_advailast {

    margin-top: 20px;

    }

    .g_harlitmr {

    width: 266px;

    }

    .g_padding1 {

    padding-left: 36px;

    padding-right: 36px;

    }

    .g_harlast .slick-next {

    right: -26px;

    }

    .g_harlast .slick-prev {

    left: -26px;

    }

    .g_methodr {

    width: 250px;

    }

    .g_methodr {

    margin-top: 14px;

    }

    .g_methodrimg2b1 {

    left: 25px;

    top: 171px;

    }

    .g_methodrimg2b1,.g_methodrimg2b2 {

    width: 32px;

    }

    .g_methodrimg2b2 {

    bottom: 189px;

    right: 122px;

    }

    .g_methlast span {

    font-size: 22px;

    margin-bottom: 24px;

    }

    .g_methlast {

    margin-top: 16px;

    }

    .g_methodrimg2 {

    left: 19px;

    top: 19px;

    width: calc(100% - 38px);

    height: calc(100% - 38px);

    }

    .caseanli .caph_con {

    padding: 0 0px;

    }

    .g_advaitm{

        width: 50%;

        margin-bottom: 26px;

    }

    .g_padding1 {

    padding-left: 15px;

    padding-right: 15px;

    }

    /*.g_advaitm .g_advaitma {

    width: 160px;

    }

    .g_advaitmb {

    width: 142px;

    }

    .g_advaitmc {

    width: 150px;

    }

    .g_advaitmd {

    width: 136px;

    }

    .g_advaitme {

    width: 66px;

    }*/

    /*.g_advaitmb2, .g_advaitmb3, .g_advaitmb4, .g_advaitmb5 {

    width: 50px;

    }*/

    /*.g_advaitmdasp {

    width: 30px;

    }*/

    /*.g_advaitmdaspioc {

    right: 38px;

    }*/

    /*.g_advaitme span {

    width: 26px;

    bottom: 31px;

    }*/

    /*.g_advaitmiocbox{

        height: auto;

    }*/

    /*.g_advaitmiocbox >span {

    position: relative;

    top: 0;

    transform: translateY(0%);

    }*/

    .g_advaitm h5 {

    margin-top: 14px;

    font-size: 14px;

    }

    .g_harlitml h5 {

    font-size: 24px;

    line-height: 36px;

    }

    .g_harlitml p {

    font-size: 14px;

    line-height: 22px;

    }

    .g_harlitmlnav span {

    font-size: 12px;

    }

    .g_harlitmlp {

    margin-top: 8px;

    }

    .g_harlitmlnav {

    margin-top: 10px;

    }

    .g_methodltit span {

    font-size: 18px;

    }

    .g_methodltit h5 {

    font-size: 24px;

    }

    .g_methlast span {

    font-size: 14px;

    margin-bottom: 12px;

    }

    .g_methlast span {

    padding-left: 4px;

    padding-right: 4px;

    }

    .g_advatit h5 {

    font-size: 24px;

    margin-top: 16px;

    }

    .g_advatit span {

    font-size: 18px;

    margin-top: 26px;

    }

    .g_advap p {

    font-size: 14px;

    line-height: 22px;

    }

    .g_advap {

    margin: 14px auto 0;

    }

    .g_detailsp {

    margin-top: 16px;

    }

    .g_detailsbox {

    padding-top: 36px;

    padding-bottom: 36px;

    }

    .g_methlast{

    margin-left: -8px;

    margin-right: -8px;

    }

    .g_adva {

    padding-bottom: 14px;

    }

    .caseanli .cm_con {

    margin-bottom: 0px;

    }

    .g_anbtnbox span {

    font-size: 18px;

    }

    .g_anbtnbox .zandiv {

    width: 18px;

    margin-top: 2px;

    margin-left: 12px;

    }

    .g_anbtnbox {

    margin-top: 26px;

    margin-bottom: 26px;

    }

    .g_hrbtnbox {

    margin-top: 26px;

    }

    .caseanli .messdiv .zandiv {

    width: 18px;

    }

    .g_pbtn,.g_xbtn {

    width: 25px;

    }

    .g_advaitmg{

    display: block;

    }

    .g_hardboxb .g_harlitml h5 {

    font-size: 24px;

    }

    .g_hardboxb .g_harlitmlnav span {

    line-height: 22px;

    }

    .g_hardboxb .g_harlitmr {

    width: 256px;

    margin: 14px auto 0;

    }

    .g_hardboxb {

    padding-bottom: 0px;

    }

    .g_desigitm h5 {

    font-size: 18px;

    }

    .g_desigitm span {

    font-size: 12px;

    margin-top: 14px;

    }

    .g_design {

    margin-top: 26px;

    }

    .g_ncasetit span {

    font-size: 24px;

    }

    .g_ncasetit h5 {

    font-size: 24px;

    margin-top: 14px;

    }

    .g_ncascenr h5 {

    font-size: 18px;

    line-height: 24px;

    }

    .g_ncascenr p {

    font-size: 14px;

    }

    .g_ncasebox {

    margin-top: 26px;

    }

    .g_ncascenlast {

    margin-top: 14px;

    }

    .g_padding4 {

    padding-left: 15px;

    padding-right: 15px;

    }

    .g_ncascenl {

    width: 376px;

    }

    .g_ncascenbtn {

    margin-top: 36px;

    }

    .g_methodb {

    margin-top: 36px;

    }

    .g_methodb .g_methodltit {

    margin-top: 0px;

    }

    .g_methodb .g_methodltit h5 {

    margin-top: 16px;

    }

    .g_methodb p {

    font-size: 14px;

    line-height: 24px;

    }

    .g_methodb .g_methodlp {

    width: 100%;

    }

    .g_methodlp {

    margin-top: 14px;

    }

    .g_methodb .g_methodr {

    width: 226px;

    }

    .g_baioct {

    width: 41px;

    }

    .g_baiocs {

    width: 6px;

    }

    .g_baiocs2 {

    left: 31%;

    transform: translate(0%,30%) rotate(22deg);

    }

    .g_methodb .g_methodr {

    margin: 38px auto 0;

    }

    .g_ncascen {

    margin-top: 8px;

    }

    .serdetails{

        margin-top: 0px;

    }

    .serdetails  .g_harlitml h5 {

        font-size: 24px;

        line-height: 36px;

    }

    .advantage .adtitle {

        padding: 26px 0 0px;

    }

    .advantage .adtitle h5 {

        font-size: 18px;

        margin-bottom: 16px;

    }

    .advantage .adtitle h1 {

        font-size: 24px;

    }

    .adv_box {

        width: 100%;

    }

    .adv_box:nth-child(2n+1) {

        margin-right: 0;

    }

    .adv_box h5 {

        font-size: 20px;

        margin-bottom: 10px;

    }

    .adv_box p {

        font-size: 16px;

    }

    .serdetails .move2 {

        width: 80px;

        height: 80px;

    }

    .serdetails .move1 {

        width: 45px;

        height: 45px;

    }

    .product_box .pro_txt p {

        font-size: 16px;

        text-align: center;

    }

    .product_box .pro_img {

    margin-bottom: 26px;

    }



    .product_slick {

        padding: 36px 56px 26px 56px;

    }

    .serdetails .caphtitle h4 {

        font-size: 24px;

        line-height: 24px;

    }

    .serdetails .g_adva {

    padding-bottom: 16px;

    padding-top: 36px;

    }

    .serdetails .caphtitle {

        padding-top: 36px;

        padding-bottom: 36px;

    }

    .serdetails .txtdiv h5 {

        font-size: 18px;

        margin-bottom: 6px;

    }

    .serdetails .txtdiv p {

        font-size: 14px;

        line-height: 22px;

    }

    .serdetails .messdiv {

        margin-top: 16px;

    }

    .serdetails .caph_con {

        padding: 0 0px;

    }

    .serdetails .cm_con {

        margin-bottom: 8px;

    }

    .serdetails .messdiv .zandiv {

        width: 18px;

    }

    .cartoonbgb .g_methodrimg2b1 {

    top: 197px;

    }

    .cartoonbgb .g_methodrimg2b2 {

    bottom: 233px;

    right: 100px;

    }

    .phhead .caselogo img {

    width: 98px;

    }

    .phhead {

    height: 56px;

    }

    .phhead .phsearch a span {

    font-size: 26px;

    }

    .phhead .phon_btnb .navbtn {

    width: 26px;

    height: 26px;

    }

    .phhead .phon_btnb .navbtn span {

    width: 26px;

    }

    .phhead .phon_btnb .navbtn span::before, .phhead .phon_btnb .navbtn span::after {

    width: 26px;

    }

    .phhead .phon_btnb .navbtn span::before {

    top: -10px;

    }

    .phhead .phon_btnb .navbtn span::after {

    top: 10px;

    }

    .map .wrap {

    padding-top: 56px;

    }

    .cdetails .ci_con{

        padding-left: 15px;

        padding-right: 15px;

    }

    .case_info .caseback a.fl, .case_info .caseback a.fr {

    font-size: 14px;

    }

    .case_info .caseback .fanhui {

    width: 56px;

    height: 56px;

    font-size: 16px;

    line-height: 56px;

    }

    .index .section4 li a:before{

        display: none;

    }

    .index .section4 li a:after{

        display: none;

    }

    footer {

    padding-top: 26px;

    padding-bottom: 26px;

    padding-left: 15px;

    padding-right: 15px;

    }

    .product_slick .slick-prev{

        left: 0;

        width: 42px;

        height: 82px;

    }

    .product_slick .slick-next{

        right: 0;

        width: 42px;

        height: 82px;

    }

    .product_box {

    padding-left: 0px;

    padding-right: 0px;

    }

    .serdetails .g_hardbox{

        padding-top: 0;

    }

    .adv_box {

    padding: 0px 15px 26px;

    }

    .serdetails .advantage {

    padding: 0 15px 36px 15px;

    }

    .adv_box{

        margin-top: 16px;

    }

    .lead_top {

    margin-top: 56px;

    }

    .cdetailsc .cd_top {

    margin-top: 56px;

    }

    .enjoy .wrap {

    padding-top: 56px;

    }

    .indexsy footer p {

    margin-top: 0;

    }

    .index .video video{

        display: none;

    }

    .g_senphonbox {

    width: 560px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 15px;

    padding-bottom: 15px;

    }

    .g_senphonboxtit p {

    font-size: 14px;

    }

    .g_senphonbox {

    width: 90%;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 20px;

    padding-bottom: 20px;

    }

    .g_senphonbinpl input {

    height: 36px;

    line-height: 36px;

    }

    .g_sybtnyss {

    font-size: 14px;

    line-height: 34px;

    height: 36px;

    }

    .g_senphonbinpr {

    width: 127px;

    float: none;

    margin-top: 20px;

    }

    .g_senphonboxtb p {

    font-size: 14px;
    width: 100%;
    line-height: 18px;
    }

    .g_senphonboxtbn span {

    width: calc(50% - 7px);

    }

    .g_senphonboxtbn {

    margin-top: 14px;

    }

    .g_senphonbinpl{

        width: 100%;

        float: none;

        height: 36px;

    }

    .g_senphonboxtb {

    margin-top: 16px;

    }

    .g_senphonbinp {

    margin-top: 8px;

    }

    .g_senphonboxtit span {

    transform: translateY(-124%);

    }

    .g_senphonboxtit {

    padding-top: 15px;

    }

    .g_jsalxotvwx .g_cseonboxr{

        float: none;

    }

    .g_jsalxotvwx .g_cseonboxl{

        float: none;

        width: 100%;

    }

    .g_cseon{

        width: 90%;

    }

    .g_cseonboxlip span{

        float: none;

    }

    .g_cseonboxlip{

        text-align: center;

    }

    .g_cseonboxlip span{

        display: inline-block;

    }

    .g_cseonboxl h3{

        text-align: center;

    }

    .g_cseonboxl h5{

        text-align: center;

    }

    .g_cseonboxlbtn{

        display: inline-block;

    }

    .g_cseonbn{

        text-align: center;

    }

    .g_cseonboxr{

        margin: 26px auto 0;

        float: none;

    }

    .g_cseonboxlip span {

    font-size: 14px;

    padding-left: 4px;

    padding-right: 4px;

    }

    .g_cseonboxlip{

        margin-left: 0;

        margin-right: 0;

    }

    .g_cseonboxl h3 {

    font-size: 26px;

    margin-top: 20px;

    }

    .g_cseonboxl h5 {

    font-size: 18px;

    margin-top: 14px;

    }

    .g_cseonboxlbtn {

    margin-top: 18px;

    }

    .g_cseonboxr {

    width: 106px;

    }

    .g_cseonboxr h5 {

    font-size: 16px;

    margin-top: 14px;

    }

    .g_cseonboxrerm2 {

    width: 22px;

    height: 22px;

    }

    .g_cseonbox {

    padding-top: 32px;

    padding-bottom: 21px;

    padding-left: 20px;

    padding-right: 20px;

    }

    .g_cseonboxgb {

    width: 18px;

    right: 10px;

    top: 8px;

    }

    .g_cseon {

    padding: 12px;

    }

    .g_footys .g_advaitmiocbox {

    height: 126px;

    }

    .case_txt .tag span {

    font-size: 14px;

    line-height: 28px;

    }

    .case_txt .tag ul li a {

    height: 28px;

    line-height: 28px;

    padding: 0 10px;

    font-size: 14px;

    margin: 0 6px;

    }
    .index .section4 li a .logodiv .lod_con img {
    width: 126px;
    }
    .g_senav{
        display: none;
    }
    .sectionk .tu_img {
    width: 76px;
}
.sectionk .neirongbox_hexin {
    padding: 18px 0 24px;
}
.morehpnk {
    margin: 36px auto 0;
}
.morehp {
    width: 146px;
    height: 46px;
}
.morehp .more_span1 {
    font-size: 14px;
    line-height: 46px;
}
.morehp .more_span2 i {
    line-height: 46px;
}
}

@media (max-width: 560px){
    .main-container ul li:nth-child(9) {
    display: block;
    }
    .index .section4 li

    {

        width: 100%;

        float: none;

        display: block;

    }
    .cm_con:nth-child(odd){

        margin-right: 0;

    }

    .cm_con{

        width: 100%;

        margin-bottom: 0;

    }

    .enjoy_box {

    width: 100%;

    }

    .caph_con{

        padding-left: 15px;

        padding-right: 15px;

    }

    .enjoy_box {

    margin-bottom: 0px;

    }

    .enjoy_con{

        padding-bottom: 36px;

    }

    .caseanli .cm_con{

        padding-bottom: 0;

    }

}

@media (max-width: 480px)

{
    .lead_top .lt_txt .lt_tel span{
        display: block;
    }
    footer .focon_fl {

        width: 100%;

        height: 186px;

    }





    .index .section1 .bgwhite .left,

    .index .section1 .bgwhite .middle,

    .index .section1 .bgwhite .right

    {

        padding-right: 10px;

        padding-left: 10px;

    }

    .index .section1 .bgwhite .middle .caseslick

    {

        height: auto;

        padding: 0;



        background: none;

    }

    .bgwhite .middle img

    {

        width: 100%;

    }

    .index .section1 .bgwhite .caselist li h4{

        font-size: 14px;

    }

    .index .section1 .bgwhite .caselist li .lik {

        padding: 15% 10%;

    }

    .index .section1 .bgwhite .caselist li.li2 .lik {

        padding: 15% 20%;

    }

    .index .section1 .bgwhite .caselist li a {

        padding: 20px 20px 25px;

    }

    .caseanli .txtdiv h5 {

    font-size: 18px;

    }

    .caseanli .txtdiv p {

    font-size: 14px;

    line-height: 24px;

    }

    .caseanli .messdiv .zandiv {

    width: 18px;

    }

    .caseanli .messdiv {

    margin-top: 16px;

    }

    .cm_con{

        width: 100%;

    }

     .g_desigitm{

        width: 100%;

    }

    .g_ncbtnlast{

        padding-left: 36px;

        padding-right: 36px;

    }

    .g_ncbtnlast .slick-next {

    width: 36px;

    }

    .g_ncbtnlast .slick-prev {

    width: 36px;

    }

    .g_ncascenl{

        width: 100%;

    }

    .g_ncbtnlast .slick-next::after {

    width: 26px;

    height: 26px;

    }

    .g_ncbtnlast .slick-prev::after {

    width: 26px;

    height: 26px;

    }

    .g_ncbtnitmimgbji::after {

    width: 22px;

    height: 22px;

    }

}

@media (max-width: 480px){
    .contact1 .contact_title span a{
    display: block;
    }
    .serdetails .txtdiv h5 {

    font-size: 18px;

    }

    .serdetails .txtdiv p {

    font-size: 14px;

    line-height: 24px;

    }

    .serdetails .messdiv .zandiv {

    width: 18px;

    }

    .cm_con{

        width: 100%;

    }

    .product_slick {

    width: 100%;

    }

    .g_cseonboxlbtn span {

    width: 102px;

	}

	.g_cseonbox {

    padding-left: 15px;

    padding-right: 15px;

	}

}



@media (min-width: 767px){

    .g_footys .ci_conbox {

         margin-right: 0px; 

        float: none;

        display: inline-block;

    }

    .g_footys .main-container{

        max-width: inherit;

        margin-right: 0;

    }

    .g_footys .ci_con{

        text-align: center;

    }

}